rebeccaj91

I just tried using the width: 100% instead of width: 1358px; (still in the child theme style.css) and it successfully made the navigation bar go full, didn’t remove my header image and I can move the logo and header image – BUT all of my page content is sitting on the edges of the window now. I know this is because I’ve removed the padding from the .container but obviously this isn’t ideal but I’m not sure how to resolve it.

Is there a way I can move the page content in to where it was before I removed the padding (unless specified to be full width) but leave the navigation full width?

Thanks again for your help!

Thanks to both of you for your help!

I couldn’t find the .container class on it’s own in my style.css file or the bootstrap.min.css (but really appreciate you pointing out it may be there – I never would have known).
I downloaded the bootstrap.min.css from my theme parent folder and did a word search but only 3 results came up and none seemed to be right.

I tried adding the code you supplied to my child theme style.css (could be a foolish attempt, I’m not sure) either way it didn’t seem to work. It brought out the blue bar to the edge but removed my header image on the right and didn’t push the content on the rest of my page back in – off the edge of the window.
I’ve also not tried with the media queries yet as I thought I would get the code right first, but thanks for pointing out I need to add it there too!

Any further advice on where I’m going wrong?

I’m trying not to be painful but don’t think I’m succeeding! Thanks again.