With this custom CSS, I’m almost there, full width and no margins after header and before the footer. The only problem is that I get a horizontal scroller because of the padding-right: 15px in one of the bootstrap classes (removing/overriding/disabling padding-right does not solve the issue):
(image 3)
Also, as shown in image 2, the footer is 15px less the header in width.
(the problem also appears when removing all my other custom CSS and using only the code above)
The site is not public yet (just internal), but I guess both I and you could set it up pretty easy. Standard wordpress installation, unmodified Sparkling theme except that custom css.
I will set it up externally for you to try to spot the problem, but just with the absolute minimal to reconstruct the problem.
You do not show the whole window in your snapshot, there is still a horizontal scroller, which allowa 15px side scrolling to see that white are at the right side… Content is full width + 15px.
Updating the CSS in the Customizer gives immediate effects, but I have slso tried visiting the page with a computer/browser thas has never been there before.
Can I take a look at the dashboard? this is not happening to the default WordPress theme, can you please remove all your customization?
or, just use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about “Set as private reply” at the bottom of the message box
You can also register as a new user on the site, and I will grant you administrator privileges. As it’s just a test site (for the one I’m building offline) you are free to do whatever changes needed and then let me know (if only needed in Custom CSS or elsewhere)
At the same time, take a look at my other case (the one with the logo not getting centered, and the folded menu jumping down below the logo when resizing the window for mobile devices).
Sorry, but there is nothing else I can offer, this is maximum for page width if we increase it scroller will appear again, no further customization is possible for this item, and to be honest, this is even not acceptable to leave the content without minimum padding. Only major customization of the template can solve this problem
Well, almost there, I’m not even sure if I want the content to be able to use the 100% width without the 15px left/right paddings, but it would be great if it was possible if required.
That removed the line. I changed the border-top to border: none so it would work correct with another background color. I think this is as close we can get to a solution for now, so thanks for your help with this case.