At first glance, it looks like there is a broken HTML tag or something relating to it that is breaking the layout.
The hard part (actually very difficult) is to find what has broken the layout.
Did you make any kind of theme modification, or did you use any kind of HTML code in your content?
I only made changes in the style.php file. Is that what you mean?
What would you think might be the best way to find the broken code?
There should not be any HTML-Code in the content.
Thank you for your answer!
I’m guessing you mean the style.css file?
What changes did you make? Could be this that is breaking the layout.
As for making style changes, it’s best to do these in a custom stylesheet by using a plugin like Simple Custom CSS. This way when the theme has an update, you won’t lose any modifications.
There are two media queries which are making the container <div> expand wider than the actual size of the parent. As Shaped Pixels stated, you should not be making changes to the theme’s files, but add any changes using a custom CSS plugin.
To fix your current problem, you can try adding these rules:
@media (min-width:992px){.container{width:100%;}}
@media (min-width:768px){.container{width:100%;}}
Awesome, that worked!
Thank you both for your answers. 🙂
(Never gonna change anything in the style.css ever again!)
