Hi there,
I have some display issues for tablet, and i would love for enfold to switch to “mobile mode” for tablets as well. I am referring to how i hide certain elements for mobile, and i want to hide it for tablets as well. When testing on responsivedesignchecker.com, it seems to trigger mobile for 600p, but not 768.
Hey LifEnD,
You would like to switch to the mobile menu sooner, or the entire format of the site?
Best regards,
Jordan Shannon
the entire format of the site in mobile sooner
Hi,
Thanks for the feedback, the mobile breakpoint is 767 pixels. I’m not sure exactly what you are looking to change though, could you try to explain a bit further or post a screenshot highlighting them please?
Best regards,
Rikard
this is how it currently looks like on tablet for 768px width.
I would love for it to evoke the mobile mode earlier like how this is for the following image:
Do let me know how i can trigger the breakpoint for mobile for the 768 display as well, so that the tabs will appear better arranged.
Also, for the mobile mode, there are quite alot of white space at the bottom of the tabbed items, anyway to remove the white space for tabs?
Hi,
Add the following to quick css. This is specific for the page you shared in the screens above:
@media only screen and (max-width: 1024px) {
#top .no_margin.av_one_fourth, #top .no_margin.av_one_fifth, div .av_one_fifth {
width: 100%;
}
}
Best regards,
Jordan Shannon