Minimize Padding Under Menu

  • Posted in : Read WP
  • devynspirit
    Participant

    I’d like to minimize the amount of space between the menu and the body of the site. Can you tell me how to do that?

    ahmetsali
    Keymaster

    Hi, you can try this custom css code;

    .site-header {
        padding-bottom: 1em;
    }
    
    devynspirit
    Participant

    That didn’t work. There’s still a big gap between the menu and the body. Is there anything else I can try?

    ahmetsali
    Keymaster

    feel free to play with the code as;

    .site-header {
        padding-bottom: 0;
    }
    
    devynspirit
    Participant

    this one didn’t work either.

    ahmetsali
    Keymaster

    what is your url?

    devynspirit
    Participant
    ahmetsali
    Keymaster

    You have some syntax errors at the end of your custom css codes;

    @media screen and (max-width: 767px) {
    .site-header .row {
    position: relative;
    }
    .site-header hgroup {
        padding-top: 0;
    }
    .vs-nav li a {
        font-size: 5em; color: #096;
    }
    .site-header {
        padding-bottom: 0;
    }
    

    change it to ;

    @media screen and (max-width: 767px) {
    .site-header .row {
    position: relative;
    }
    .site-header hgroup {
        padding-top: 0;
    }
    .vs-nav li a {
        font-size: 5em; color: #096;
    }
    }
    .site-header {
        padding-bottom: 0;
    }
    
    devynspirit
    Participant

    perfect, thank you!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register