Header Image doesn't completely fill in the space

Sparkling
1

So i was trying to add an image to the header image section but it leaves a default grey gap around the left right and bottom of the image. Does it have to do with the menu button being in the way? If so what is my best option to relocating the menu button that way it doesn’t interfere with the Header image? Thanks in advance

2

Hi Cris,

I hope you are well today and thank you for your question.

You can make it full width by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


.navbar.navbar-default > .container {
    width: 100%;
    padding: 0;
}

Just make sure not to crop the header image and use full width header image.

Best Regards,
Movin

3

Hey there,
I hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

/fullwidth header/
.navbar.navbar-default > .container {
width: 100%;
padding: 0;
}

Best Regards,
Support