Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #8876
    wagllc
    Member

    My goal is to get the spacing above and below the Menu Bar to be the same.

    Site URL: http://www.Travel101Travel.com

    1) On the home page there is no spacing between the Slider and the Menu Bar. Can I adjust this space?

    2) How can I control the space between the Logo Banner and the Menu Bar? Currently I have the following CSS code to reduce padding around the Logo Banner and remove the search box:

    #header .social-search form.searchform {display: none;}
    #header .logo-wrap { margin-top: 0; padding-left: 0; }
    #site-logo a img { max-width: 978px; padding-right: 0; }
    #header .social-search { margin-top: -33px; }

    I bet just a tweak of this code should do the trick. I play around with it but can’t seem to adjust this space.

    Thank you for reading!

    #8895
    Sakin
    Keymaster

    @wagllc:
    1) On the home page there is no spacing between the Slider and the Menu Bar. Can I adjust this space?
    — You can just add the following CSS in “Appearance => Theme Options => Custom CSS” box. Adjust the margin as per your need.
    .featured-slider { margin-top: 30px; }

    2) How can I control the space between the Logo Banner and the Menu Bar? Currently I have the following CSS code to reduce padding around the Logo Banner and remove the search box:
    — To adjust the space between the Logo Banner and the Menu Bar, You can add the following CSS in “Appearance => Theme Options => Custom CSS” box. Adjust the margin as per your need.
    #header #mainmenu { margin-top: 30px; }

    When you tweak the css. Don’t edit style.css. You can add it in Custom CSS box or build child theme and edit it. If you edit style.css it will be overwritten when you update the theme.

    #8989
    wagllc
    Member

    Thank you Sir!

    #61881
    Eric
    Participant

    Dear Sakin,

    I am trying to add a bit of space between my main menu navigation and the featured image slider. What I have found on this site doesn’t seem to work on my site. I am using Catch Responsive Pro and my url is http://www.jpjkd.net

    Thanks,
    Eric

    #61944
    Sakin
    Keymaster

    @Eric: You can adjust the margin-bottom in the following css as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    .nav-primary { margin-bottom: 10px; }

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Spacing around Menu Bar’ is closed to new replies.