[wagllc]

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!

[Sakin]

@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.

[wagllc]

Thank you Sir!

[Eric]

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

[Sakin]

@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; }

[Author]

Posts