Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1336581

    Hi
    I am using 3 columns on a page
    the left and right columns are hidden on mobile devices but still show in tablet portrait view.

    How can I extend the mobile view so these are hidden also?

    Thanks in advance

    #1336608

    Hey PhatJ,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    #1336636

    the section on the left and the section on the right are hidden in mobile view yet still show on a portrait tablet.
    I need those to remain hidden up to 990px

    #1336655

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
    .page-id-3100 div.av_one_fifth {
      display: none; 
    }
    }

    Best regards,
    Rikard

    #1336665

    no still the same but just to reiterate – I would like the change to happen site-wide not just on a particular page.
    so any device up to tablet in portrait view is seen as a mobile. 768 = 990

    • This reply was modified 2 years, 9 months ago by PhatJ.
    #1336708

    Hi,

    Thanks for the update. Please try this CSS instead:

    @media only screen and (max-width: 990px) {
    .av-hide-on-mobile {
      display: none !important; 
    }
    }

    Best regards,
    Rikard

    #1336726

    yay – thank you that’s great

    #1336752

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘'Hide on Mobile Devices' extend to tablet portrait size’ is closed to new replies.