Pricing List for Mobile

modus

I'm trying to hide the icons in my pricing menus on mobile devices only. When I add the code below it removes the icons on all devices. I also need the text in the right column to be centered on mobile only.

But that won't work either.

Here's a link to the page.

https://indielifeevents.com/in-house-events/

@media only screen and (min-device-width: 768px)

 {

.list_right {  text-align: center !important;

}

.list_image { display: none !important;

}

}

Phil

Hello,

Please, try to use the following code instead:

@media only screen and (max-width: 768px){
 .pricing-box .list_right { 
      text-align: center !important;
 }
 .pricing-box .list_image { 
      display: none !important;
 }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next