Topic Resolution: Resolved
  • Closed
  • Nelson Alvarez
    Spectator
    August 6, 2015 at 7:13 am #19731

    Hello

    I want to know what would be the best way to have a navigation menu with less height or how to control the height of the whole navigation menu, im using evolve plus 2.0.1

    thanks in advance
    Nelson

    Denzel Chia
    Moderator
    Posts: 2656
    August 6, 2015 at 8:31 am #19738

    Hi,

    I am not sure what you mean by having a navigation menu with less height.
    Are you referring to reducing the existing height of the navigation menu bar?

    If yes, Please post your website url here, we may be able to provide you with a set of Custom CSS code to do that.

    Thanks!

    Nelson Alvarez
    Spectator
    Posts: 2
    August 6, 2015 at 4:50 pm #19755

    Oh sorry English is not my native language, but yes Im refering to roducing the existing height of navigating menu bar.
    A link where Im just playing and testing the theme is in here : Link
    for what I have seen there is a couple of .png images in the bar that I think also I need to reduce to have less height and I would like to do it with the especific code in style.css and the archives asociated and no in the field of custom css because for me that only force the site and I would like save that part for other issues but if there is not another way I will understand, anyway thanks for your help and btw, do I need to open a new topic for let say to put a widget over the bar menu?.

    Thanks again
    Nelson

    Imran
    Spectator
    Posts: 402
    August 6, 2015 at 5:29 pm #19758

    Hi Nelson,

    Thanks for writing in!

    If you wish to achieve something like this: http://prntscr.com/81jzlc, so you can achieve it by adding the code below into your customizer. In regard to, changing the height of “png images” so please indicate me towards the couple of images by some screenshots, so that I take a look into them and provide you with a detailed answer. Please add the following code to reduce the height of your navigation menu under Appearance > Theme Options > Custom Css:

    .link-effect a {
    height: 3.2em !important;
    line-height: 2.3em!important;
    }

    Thanks.

    Nelson Alvarez
    Spectator
    Posts: 2
    August 6, 2015 at 6:03 pm #19761

    Thanks Imran, that works and dont worry about the .png images

    Thanks Again
    Nelson

    Imran
    Spectator
    Posts: 402
    August 6, 2015 at 6:13 pm #19763

    You’re welcome! 🙂