My sidebar is removed below 767px viewport width.
How can I remove it when the viewport width is below 989px ?
Hey notsocool,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 990px) {
.sidebar {
display:none !important;
}
}
Best regards,
Rikard
Thanks, in this solution sidebar is removed but the main content is still about 75% of width (in other words there is blank space on the right side of main content).
I want to achieve something like at 767px breakpoint when sidebar is removed and main content takes 100% of width.
Hey!
Please change the code to following one
@media only screen and (max-width: 990px) {
.sidebar {
display:none !important;
}
.content {
width: 100% !important;
border: none !important;
}
}
Regards,
Yigit
Great, looks much better now… but it seems that it is something like 95% of width (at 767px breakpoint main content is little bit wider).
Hi,
I’m not sure I understand what you mean about your last post, could you post a link to your site so that we can have a closer look please? A screenshot highlighting the problem might help as well.
Thanks,
Rikard
Sure, Please check link and screenshot in private content.