Hi; I'm getting close to finishing my homepage and noticed an issue with viewing the site on laptops (I'm designing on a desktop):
—the "container" (two sidebars and a blog) appears wider than my Slider Revolution slider on laptops. I tried matching them in width by going to Appearance-->Customize-->General-->Custom Container Width for 2 sidebars) at 1170px but it didn't change anything on laptops, only on my desktop. Is there another way?
Hi; I'm getting close to finishing my homepage and noticed an issue with viewing the site on laptops (I'm designing on a desktop):
—the "container" (two sidebars and a blog) appears wider than my Slider Revolution slider on laptops. I tried matching them in width by going to Appearance-->Customize-->General-->Custom Container Width for 2 sidebars) at 1170px but it didn't change anything on laptops, only on my desktop. Is there another way?
thanks :)
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (min-width: 1170px) and (max-width: 1400px) {.container.two-sidebar.two-sidebar {
max-width: var(--pcctain) !important;
}
} @media only screen and (min-width: 961px) and (max-width: 1169px) {
.container.two-sidebar.two-sidebar {
max-width: 940px !!important;
}
}
Regards,
PenciDesign.
Worked perfectly, thank you :)