Pricing List for Mobile

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;

}

}

Comments

  • 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

Sign In or Register to comment.