Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 31, 2014 at 5:02 am #217272
    sineadh

    I’ve made all the navigation UPPERCASE but home is still displaying lowercase i.e:
    Home MENU NAME MENU NAME

    I want it to be:
    HOME MENU NAME MENU NAME

    Thanks!

    January 31, 2014 at 5:53 pm #217554
    Yigit

    Hey sineadh!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .main_menu ul:first-child > li > a { text-transform: uppercase; }

    and if that does not work, please post the link to your website

    Cheers!
    Yigit

    January 31, 2014 at 10:54 pm #217669
    sineadh

    Great thanks.
    Is this code correct? All is working besides from the hover state isn’t previewing the correct colour.
    Thanks!

    .header_color .main_menu ul:first-child>li>a {
    font-size: 14px;
    font-family: ‘Raleway, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
    }

    .header_color .main_menu ul#menu-main_navi:first-child > li a:hover { color: #a37a08; }
    .header_color .main_menu ul#menu-main_navi:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: #918f91; }

    January 31, 2014 at 10:57 pm #217671
    sineadh

    One more… Am trying to set some padding underneath the logo. This is what I have which isn’t working.

    .header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
    padding-top: 4px;
    padding-bottom: 9px;
    min-height: 90px !important;
    }

    February 3, 2014 at 6:20 am #218633
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    February 3, 2014 at 6:27 am #218635
    sineadh
    This reply has been marked as private.
    February 3, 2014 at 6:30 am #218637
    sineadh

    Home text is not previewing as uppercase in menu navigation in responsive mode either?

    February 3, 2014 at 6:34 am #218638
    Josue

    Hey!

    The hover code:

    .header_color .main_menu ul:first-child > li:hover a { 
color: #a37a08 !important;
}

    For the space beneath the logo:

    #header_main {
    border-bottom: 9px solid black;
}

    Regards,
    Josue

    February 3, 2014 at 6:37 am #218640
    Josue

    Hey!

    For the uppercase on mobile:

    #mobile-advanced a { text-transform: uppercase !important; }

    Best regards,
    Josue

    February 3, 2014 at 6:55 am #218650
    sineadh

    great thanks!! it’s working perfectly now :)

    February 3, 2014 at 6:58 am #218652
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘HEADER MENU’ is closed to new replies.