Removing gray bar above menu in twenty seventeen

  • Good Morning everyone,

    I have searched the forums trying to discover how to remove the Grey Area at the top of this twenty seventeen themed webpage: https://www.austinareatours.com/

    The closest I have come is a response to @jacintamatthews86, 10 months ago suggesting using this code in the additional padding: .site-branding { padding: 0; }

    As I am hiding the theme’s header image, will this also work for me? I am hesitant to casually experiment with css code because I’m not yet savvy on how to undo damage I incur. Can someone please assist me? I too apologize if I have overlooked an answer. Thank you for your time and generosity!

    The page I need help with: [log in to see the link]

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

  • Check your site-branding css, it seems you have a 75px margin-bottom.

    Jarret

    (@jarretc)

    Go into Appearance->Customize then try adding the following to your Additional CSS tab

    .custom-header .site-branding {
    margin-top: -95px;
}

    You can adjust the 95 value to your liking just make sure you keep the – in front of it, the lower you get the larger the space at the top becomes

    Thread Starter goodlookingbrother

    (@goodlookingbrother)

    Lillan, I truly thank you for your prompt and correct assistance! Jarret, your specific suggestion worked perfectly, spot on! Thank you, Lillan! Thank you, Jarret! Thank you, www.remarpro.com!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing gray bar above menu in twenty seventeen’ is closed to new replies.