Hello Enfold-crew,
I am having a small issue with the sidebars on Enfold.
They work fine all the time, but when I use an iPad mini, it still displays the content and the sidebar at 80/20 ratio.
This is okay at landscape mode, in portrait mode the sidebar basically becomes a thin and barely readable line – how can I fix that?
I tried the advice you gave here (https://kriesi.at/support/topic/hide-one-specific-sidebar-on-tablets/), but when I did, the sidebar simply disappeared without displaying the remaining content full-width. So there was simply 20% empty space left.
Following the instructions over here (https://kriesi.at/support/topic/enfold-right-sidebar-problem-when-ipad-in-portrait-mode-vertical/#post-525780), it moved the sidebar under the main content (what was supposed to happen), but still the empty space at the side was left.
I would be glad if you could help me with that issue :)
Hey Bjoern101,
Thanks for getting in touch with us!
Please try adding this code instead to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 1024px) {
.container .av-content-small.units {
width: 110% !important;
}
aside.sidebar.sidebar_right.alpha.units {
display: none !important;
}
}
Best regards,
Jordan
That advice was on point!
Worked immediately, thank you for the help :)
(P.S.: I am quite glad I just extended the support for the theme^^)
Hi!
Thanks for your kind words and we appreciate them a lot.
Please also keep in mind to rate our theme into themeforest, that is also something really helpful!
Thanks a lot for your understanding!
Regards,
Basilis