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
Hey PhatJ,
Could you post a link to where we can see the elements in question please?
Best regards,
Rikard
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
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
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
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
yay – thank you that’s great
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