it seems that the header banner is added with a fixed width, or not formatted to react to the browser width.
please try working with a browser inspection tool to find the cause;
or post a link to your site to allow someone here to inspect your site nd to make some suggestions …
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try adding this:
.site-content {
min-width: 846px;
}
try this,
.site-content {
width: 90%;
margin:0 5%;
}
Thread Starter
mmmjoe
(@mmmjoe)
Thanks for the replies!
Sorry alchymyth it’s allaboutpromo.com/blog and the header contains a slider which has the fixed width…
That seemed to work Andrew, though if possible i would like the sidebar to display to the right still of the page content still, i changed the min-width to slightly than less than 846 though its still floating left underneath the page…?
Thanks everyone!
like the sidebar to display to the right still of the page content
I would try and add something like this to the end of style.css of the child theme:
body .site { min-width: 900px; }
.site-content { float: left; width: 65.10%; }
body.template-front-page .site-content,
body.single-attachment .site-content,
body.full-width .site-content { width: 100%; }
.widget-area { float: right; width: 26.04%; }
Thread Starter
mmmjoe
(@mmmjoe)
That worked prefectly,
i just added
#main { min-width: 900px; }
Thanks!