Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 27, 2014 at 1:54 am #27670
    Onyinye
    Member

    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

    April 27, 2014 at 9:22 am #27714
    Sakin
    Keymaster

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

    April 28, 2014 at 11:33 am #27891
    Onyinye
    Member

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

    April 28, 2014 at 7:58 pm #27976
    Sakin
    Keymaster

    @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; }
}
    April 28, 2014 at 9:21 pm #27986
    Onyinye
    Member

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

    April 28, 2014 at 11:15 pm #27999
    Sakin
    Keymaster

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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to change header size’ is closed to new replies.