Okay
  Public Ticket #1462040
Menu styling
Closed

Comments

  •  8
    jpryce started the conversation

    Hi there

    I'm trying to modify the theme slightly to fit with our designers concepts. Could you advise how to add an on hover background colour, left align the menu sub items and reduce the padding between the main nav link and the sub item please? Should look something like the attached...


    Thanks

    James

  •  8
    jpryce replied

    Any ideas please?

    James

  •  9,016
    Tahir replied

    Hey Again,

    Unfortunately the same layout is not possible with Salient . However the menu items can be re positioned with some custom css . 

    Please provide the page url so that i can write up the custom css for whats possible. Specifically the page password .

    Thanks


    ThemeNectar Support Team 

  •  8
    jpryce replied

    Superb thanks I think that's what I need. Page URL is http://ttf.uk.net/newsite/ Password: kvjPhg9Bz-TC3Z;[

    James

  •  9,016
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {
        padding-bottom: 28px !important;
        padding-top: 52px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  8
    jpryce replied

    That's great thanks Tahir. Is it possible to make the dropdown left align as in the screen shot? Currently it's going right...

    Thanks

    James


  •  9,016
    Tahir replied

    Hey Again,

    No i am afraid its not possible at the moment .

    B.est 


    ThemeNectar Support Team 

  •  8
    jpryce replied

    OK not to worry thanks

    James