Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 21, 2014 at 10:41 pm #339247
    kbarranco

    Hi,
    I tried putting in some CSS from another enfold site I have to add space above and below the logo, but it is not working.

    Also-I would like the main nav font to be all caps and spaced letters. Like the

    The subnav on “Gift Boxes” show to be HUGE font

    • This topic was modified 11 years ago by Josue.
    October 25, 2014 at 7:07 pm #341007
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-menu-text {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1.8px;
}
.sub-menu .avia-menu-text {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.2px;
}

    Adjust as needed.

    Cheers! 
    Josue

    October 25, 2014 at 10:26 pm #341067
    kbarranco

    Thanks!
    I assume the sub-menu has inherited the Uppercase. How to make it normal? I tried to put “normal” or “initial” where “uppercase is and tried adding “!important;”

    I am also trying to tighten up the space under the menu.

    October 25, 2014 at 10:41 pm #341071
    Josue

    Hey!

    Modify the submenu code to this:

    .sub-menu .avia-menu-text {
    text-transform: none !important;
    font-size: 14px;
    letter-spacing: 1.2px;
}

    Add this to tighten the space in the submenu:

    .sub-menu a {
    padding: 4px 15px !important;
}

    Best regards,
    Josue

    October 25, 2014 at 10:56 pm #341073
    kbarranco

    Not the space IN the submenu, but below the menu bar between MENU and CONTENT

    Thanks! you guys are the best.

    October 25, 2014 at 11:00 pm #341074
    Josue

    Hi!

    Try with this:

    #header {
    padding-bottom: 50px;
}

    Adjust as needed.

    Cheers!
    Josue

    October 25, 2014 at 11:09 pm #341076
    kbarranco

    I can’t get it to budge. I put 0px and added !important;

    October 26, 2014 at 12:12 am #341082
    Josue

    Hey!

    Discard that, add this instead:

    main.template-page.content {
    padding-top: 0;
}

    Regards,
    Josue

    October 26, 2014 at 6:50 am #341101
    kbarranco

    Thanks again, but I am having problems controlling it.
    It works with a padding of 0, but if I put a 4 in there, it goes back to where it was originally.

    October 26, 2014 at 8:30 am #341102
    Josue

    Hi!

    If you are going to use a fixed value you need to add “px”:

    main.template-page.content {
    padding-top: 5px;
}

    Best regards,
    Josue

    October 26, 2014 at 12:40 pm #341125
    pvhmup

    I have a fairly wide group of logos in the header and a lot of pages in my top-level navigation. It fits well in a 1024px wide screen, but when I make the browser window more narrow, the menu overlaps the logo significantly until it gets narrow enough to activate the right justified drop-down menu. How can I activate the right-justified drop-down menu navigation earlier?

    October 26, 2014 at 4:51 pm #341142
    Josue

    Hi!

    Yes, you can change that setting in Enfold > Header > Mobile Menu.

    Cheers!
    Josue

    October 26, 2014 at 6:45 pm #341148
    kbarranco

    re: “If you are going to use a fixed value you need to add “px”:”
    oh man- I’m learning!! thanks

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Need space between logo and menu’ is closed to new replies.