[Onyinye]

Hi! I love Simple Catch pro but i have a couple of problems!

I would like to change the size of the header box, eliminate some of the white space that stands between my logo and the browser window.

I would also like to expand the menu bar sections to fit the actual bar

This is my website: http://www.theinitiativeforequalrights.org/

Thanks for your help in advance

[Sakin]

@Onyinye: I see that you are using Custom Header from “Appearance => Header” instead of Log from “Appearance => Theme Options => Header Options” and just add your image in logo. But if you want to keep the custom header as it is then you need to hide the header content which is talking space. So, for that just add the following css in “Appearance => Theme Options => Custom CSS” box.
#header-content { display: none; }

[Onyinye]

@Sakin: That worked great! thank you!

What about the Menu bar. Is there a way to extend the tabs to they cover the length of the navigation bar?

[Sakin]

@Onyinye: Sorry that will be difficult due to responsive design. Better hire customizer for this.
But if you are keeping this same menu item then try adding in the following css in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 1061px) {
#access ul li a { padding: 0 21px; }
#access ul li#menu-item-64 a { padding: 0 20px; }
}
@media screen and (max-width: 961px) {
#access ul li a { padding: 0 17px; }
#access ul li#menu-item-64 a { padding: 0 13px; }
}
@media screen and (max-width: 769px) {
#access ul li#menu-item-64 { border-right: none; }
#access ul li a { padding: 0 10px; }
#access ul li#menu-item-64 a { padding: 0 9px; }
}

[Onyinye]

@Sakin Thank you so much for that! I worked but unfortunately i’m still editing, adding and removing pages. Could you tell me how i can customize the above code for my menu as it changes?

[Sakin]

@Onyinye: It’s not possible to change with the changes in menu every time.

[Author]

Posts