[flagshop]

Hello, I was wondering how I could reduce the space between the logo and the menu, but not the top of the logo nor the bottom of the menu? (and if the menu is shorter and the logo is aligned on the same row horizontally, it wouldn’t be affected by the reduced space when they are on 2 rows).

I am using catch kathmandu free theme. Thank you.

The website is located here: http://coop.flagshop.com/

Thank you.

[Sakin]

@flagshop: You can add the following css in “Appearance => Theme Options => Custom CSS” box:
#header-right { padding-top: 0; }

If you further want to reduce it, then you can reduce the margin top in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
#header-right .widget { margin-top: 15px; }

[flagshop]

Another question, what if I want to center the main menu in the header? (but not centering the text for the sub menu, still keeping it float left. By the way there is no sub menu for the site yet).

Thank you Sakin.

[Sakin]

@flagshop: Then you can use “Secondary”. Just go to “Appearance => Menus => Manage Locations” and assign your custom menu to secondary location. This will make your menu center. Then you can disable header right from “Appearance => Theme Options => Header Options”.

[flagshop]

Hi Sakin, I see what it does to a site without sub menu, what if it’s for a site that has sub menu? I’d like to keep the logo on the left, center the main menu, and any sub menu drop-down text would still float left, what needs to change to achieve this?

(we have multiple sites and they are done a little differently depending on how much content there is available).

Much appreciated.

[Sakin]

@flagshop: I have already answered you that you can use “Secondary Menu” where menu will be centered and your sub-menus will be on left align. You can see demo at http://catchthemes.com/demo/catch-kathmandu/.

[flagshop]

Got it, thank you so much!

[Sakin]

@flagshop: thanks 🙂

[cherylebernard]

I have the same issue with a large amount of space between the header and top menu. I’ve added css:

#masthead { padding-top: -200px; padding-bottom: -200px; }
#site-branding, #masthead #site-header { padding: 0; }#hgroup-wrap { display: none; }
(separately and all together as shown above)

But no luck

See: http://maxluxx.com/authentication/

[Sakin]

@cherylebernard: I am bit confused with your site.
First, I see that you have empty menu in Primary Menu and you have items only in Secondary Menu.
Second, I see that you have added logo as Header Image. So, try adding logo from “Appearance => Customize => Site Identity”

Then, please remove following css from your Custom CSS box:
#masthead { padding-top: -200px; padding-bottom: -200px; }

And then add the following css in your Custom CSS box:

.sidebar-header-right { display: none; }
#masthead { padding: 0; }
.mobile-menu-anchor a.genericon-menu, 
.mobile-menu-anchor a.genericon-menu:hover {
    color: #ddd;
}

[Author]

Posts