Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #5229

    Hi again,

    I recently decided to add a menu under our banner, e.g. ‘About, Contact, Advertise, Write For Us’. http://touchAholics.com

    However, when I added a menu, this was the result:

    http://i55.tinypic.com/23rwz0y.png

    23rwz0y.png

    The menu items repeat themselves behind the banner and the menu is far too long (height-wise, there is a large excess of white space).

    Any help is appreciated.

    Thanks,

    Daven

    #49314

    Hey,

    you can create two custom main menus – go to Appearance > Menus and create two menus. The top one must be called “First” and the lower menu “Second”. A short tutorial about menus can be found here: http://www.kriesi.at/support/topic/i-can%E2%80%99t-create-a-custom-menu-the-menu-behaves-weird

    #49315

    Thanks Dude!

    However, how do I make it less high (it’s slightly too fat for my liking). :)

    Thanks,

    Daven

    #49316

    Yes of course. Open up style.css and search for:

    .catnav_wrapper{
    position: relative;

    width:958px;
    float: left;
    line-height:50px;
    z-index: 4;
    }

    .catnav li a{
    display:block;
    float:left;
    padding:13px 10px 10px 10px;
    width:114px;
    border: none;
    text-decoration: none;
    line-height: 17px;
    outline: none;
    min-height:30px;
    }

    Adjust the .catnav_wrapper line height (by default it’s 50px) and the .catnav li a padding (first and third value – top/bottom padding) and the min height value. At least open up js/custom.js and adjust following code:

    if(jQuery(this).height() < 34)
    {
    jQuery(this).css({height:"34px"});
    }

    Change 34px (standard tab height) to any other value (i.e. decrease it according to your new padding/line height values.

    #49317

    What values would I have to change if I wanted to reduce its height by 10px? What new values would I have to enter?

    Thank-you for your help, Dude.

    #49318

    Change 34px to 24px, min-height to 20px, padding to: 8px 10px 5px 10px; (instead of padding:13px 10px 10px 10px;) and line-height to 40px (instead of 50px).

    #49319

    Thank-you very much Dude! If you’re free, could you explain what ‘padding’ means and does, please?

    I’d really appreciate it! :)

    #49320

    The w3cschool website explains it: http://www.w3schools.com/css/css_padding.asp :)

    #49321

    Extremely amateur here, but where do I find js/custom.js ? Thanks!

    #49322

    Hey cronincleanin,

    No worries! You can find that in your themes files. If you are connecting via FTP, it will be under wp-content>themes>newscast>js>custom.js

    #49323

    Thank you, Devin. Found it! :)

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Menu Problems! – HELP’ is closed to new replies.