Remove padding in header - Woodpecker

Discussion in 'Woodpecker WordPress Business Theme' started by marketingtypeguys, Mar 1, 2017.

Thread Status:
Not open for further replies.
  1. marketingtypeguys

    marketingtypeguys Member

    Joined:
    Apr 15, 2014
    Messages:
    79
    Likes Received:
    1
    Hi,

    I've removed the top and bottom padding around the logo using this code:
    #logo {
    padding: 0;
    }
    There is still white padding below the logo, and gets larger when I try negative px.

    I'm thinking it's the nav padding at this point but don't seem to be able to fix. I want the logo to touch both the top and bottom without any white space.

    Thanks,

    -Brian
     
  2. nitin

    nitin Guest

    Hi Brian,

    Greetings from InkThemes,

    Sure, we'll help you with it.

    Could you please provide us URL of your website along with some edited screenshot of your requirements/concerned area, so that we can assist you accordingly?

    If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

    Looking forward to hear from you.

    Thanks & Regards!
    Nitin
    InkThemes.com
     
  3. marketingtypeguys

    marketingtypeguys Member

    Joined:
    Apr 15, 2014
    Messages:
    79
    Likes Received:
    1
    Hopefully this screen shot helps. The logo is touching the top as I want, but I can't remove the white space just above the nav bar, so it looks flush and touching the nav bar.
    white space.JPG
     
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hi Brian,

    Can you please share your site URL here?

    I will check and let you know the appropriate custom CSS for the same.

    I look forward to hearing from you soon.

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  5. marketingtypeguys

    marketingtypeguys Member

    Joined:
    Apr 15, 2014
    Messages:
    79
    Likes Received:
    1
  6. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hello Brian,

    You can use below custom CSS code to hide that gap in Dahshboard->Appearance->Theme Options->Styling settings->Custom CSS field.
    Code:
    #logo {   
        margin-bottom: -6px;
    }
    This will help you to figure it out and resolve the issue(s).

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  7. marketingtypeguys

    marketingtypeguys Member

    Joined:
    Apr 15, 2014
    Messages:
    79
    Likes Received:
    1
    Thanks. That did it. Much appreciated.

    -Brian
     
  8. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    You are most welcome :)
     
Thread Status:
Not open for further replies.

Share This Page