How to remove padding on header container

  • Resolved Swarthydog

    (@swarthydog)


    9 years, 10 months ago

    First of all, i really like this template. However, I’ve been looking everywhere for a way to fix either the padding or margin in my header container with css. If you look at the home page you can see it has the gap around the top images as well as the main container. I was able to fix the top and bottom spaces around images but not the left and right sides. I would also like to add more padding to the content. I am going for a look where the kids are looking at the refrigerator and seemingly the menu by using the top header image and the sitewide banner image. I plan to remove those two images for the internal pages and have just a separate plain logo at the top, which i’m hoping I can figure out.

    https://antiqueappliances.com/wp/

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey there Swarthydog,

    Hope you’re well! ??

    Do you want something like this? https://prntscr.com/5ykc1c. I ask because it will require a bit of editing some files. ??

    Looking forward for your reply! ??

    Take care,
    Calvin

    Thread Starter Swarthydog

    (@swarthydog)

    Calvin thanks for your reply but in your screen shot the top image is not proportionate with the bottom, i mean it’s much smaller. Also I changed the header background to red so you must be seeing an older version.

    It should be a 1200 px image on top with logo and the top of the refrigerator on right side, then the secondary menu, then I’m using the 1200 px sitewide banner below menu to show the bottom half image with kids in front of refrigerator. I want it to look like the menu is just laying across the 2 images creating an image behind menu look. This will just be for home page though.

    https://antiqueappliances.com/wp/

    Try adding this css in your theme options > advanced settings:

    .home .banner > .container {
width: 100%;
padding: 0;
}

    Let me know if that is what you were going for.

    Kadence Themes

    Thread Starter Swarthydog

    (@swarthydog)

    Works Perfectly now Kadence! That did it. Thank you so much.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to remove padding on header container’ is closed to new replies.