Sticky Menu does not change with CSS

Support Forums for LiveMesh Themes & Plugins Forums Enigmatic Theme Support Sticky Menu does not change with CSS

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by Veena Veena 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #29525
    Per Olof Olsson
    Per Olof Olsson
    Participant
    Post count: 13

    I have tried your suggest to change the
    height of the sticky menu but it does not work.

    And I cant even find a div called sticky-menu-container
    and if I set the CSS for that nothing happens ??

    See this site https://home.explizit.se where
    I want the sticky menu to get smaller and optionally
    even with opacity.

    I have tried this
    #sticky-menu-container { padding-top: 10px; padding-bottom: 10px;} /* Decreasing or increasing top/bottom padding will decrease or increase the height of the sticky menu respectively. */

    #29532
    Veena
    Veena
    Moderator
    Post count: 7743

    Can you pls try this in themeoptions > custom CSS –

    #sticky-menu-area-wrap {
        padding: 0;
    }
    
    #29534
    Per Olof Olsson
    Per Olof Olsson
    Participant
    Post count: 13

    That worked, thanks.
    But if I want to resize the text, change color etc.
    How to do that ?

    #29541
    Veena
    Veena
    Moderator
    Post count: 7743

    Which text you need to change? Can you pls clarify?

    #29543
    Per Olof Olsson
    Per Olof Olsson
    Participant
    Post count: 13

    It is the meny text I want to change, color and zise in the
    sticky menu.

    #29548
    Veena
    Veena
    Moderator
    Post count: 7743

    Pls use the below custom CSS –

    #sticky-menu > ul.menu > li > a {
        color: #000;
        font-size: 14px !important;
    }
    #sticky-menu > ul.menu > li > a:hover {
        color: #ddd;
    }
    
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.