Delete Space between header image and menu bar

  • kelkolkat

    (@kelkolkat)


    10 years ago

    I would like to delete the space between my header image and my menu. There is a huge gap there. My header image is pretty big and I would like for people to be able to see my writing at the bottom first thing when they come on my site. Trying to clean it up. Also, does anyone know how I can make my menu font bigger?

    Any help would be greatly appreciated. My site is:

    https://www.lifetimeofclicksphotography.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Brett

    (@bdeaton108)

    What you’re looking for is found in the style.css of your Theme. Around line 1142 at .site-branding reduce the padding from 50px to a smaller number like 25px or 20px.

    The font issue would also be in the style.css, but I am not sure where.

    Thread Starter kelkolkat

    (@kelkolkat)

    I can’t find where it says .site-branding and how do you know what the line # is?

    Brett

    (@bdeaton108)

    When you view your style.css file, press “Ctrl(Cmd) + F” then search for the CSS class.

    I used the Inspect Element feature in Google Chrome to find what line it would be.

    WPyogi

    (@wpyogi)

    If you modify theme files (style.css) your changes will be lost when the theme is updated. Instead, it’s much better (and frequently suggested on these forums) to use a child theme or custom CSS (theme option or plugin).

    WPyogi

    (@wpyogi)

    In this case, try ADDING this CSS to a custom CSS option or plugin:

    .main-navigation {
    margin-bottom: 10px;
}

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Delete Space between header image and menu bar’ is closed to new replies.