Hello guys!
I am wanting to move my logo to the center of my page. It looks fine and the spacing is good when the logo is on the left side but when I move it to be centered it leaves a huge empty white space.
Any help would be greatly appreciated.
Store link: https://xsiist.myshopify.com/
Pass: fafaor
Please either set it to be center or provide a preview of the theme in the state that shows the problem so it can be inspected.
Hi Paul, I’ve set it to the center now if you don’t mind inspecting the code!
Hi Paul, I’ve set it to the center now if you don’t mind inspecting the code!
0 Likes
For some reason background color of black is only on the inner header elements and the navigation is outside of that in the parent containing element.
Normally you would just make the background color of the site black(see screenshot)
A Quick fix is to add the following CSS to your themes CSS file, for current Debut that’s theme.css to target the containing “header” element
Always backup theme files before making changes
[data-section-id="header"] {
background-color: black;
}
Ah awesome you solved the problem, but it did change my text to be grey (needs to be white) and left a small white line below. Any work around for this?
Awesome thanks so much Paul! So theres no way to get rid of that small white line where the header meets the first image?
The second screenshot is to turn off the white line by turning off borders.
Goodluck
Awesome paul you are a legend. Thanks so much.
