Support Center Visit Demo License manager Buy @ envato

Sticky header is transparent

mergeleftmergeleft
in Theme Options
Is there an option to add a solid color to the background of the sticky header? As you scroll down, the menu text gets lost. Thanks. 

Comments

  • AlbertAlbert
    In your case it is not related with background but with menu items and logo. Your current logo is quite large an menu items can`t fit in the same line as logo. So you can do two different things:

    1. Use below css to make logo smaller: 
    #Top_bar.is-sticky #logo img { max-height: 16px !important; }
    2. Make padding between menu items smaller with below css: 
    #Header .menu > li > a span { padding: 0 8px !important; }
    But what we recommend is mix of above solutions. So make logo a little bit smaller and make less paddings. For that we recommend below css: 
    #Top_bar.is-sticky #logo img { max-height: 30px !important; }
    #Header .menu > li > a span { padding: 0 10px !important; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mergeleftmergeleft
    It worked! Thanks for your help! 
Sign In or Register to comment.