Some changes in menu

  • Hi
    I’d like to do 3 things:
    – change font in menu to bold
    – move menu down about 10px
    – in first moment menu doesn’t have background opacity, (when I scroll down it change to black and it’s ok), i’d like to make 50% of black colour – before scrolling)

    Can You help me?

    my site: https://testowa.lowicz.pl

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello there,

    Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css? 

    #mainnav ul li a{
  font-weight: bold;
}

#mainnav{
  margin-top: 10px;
}

.site-header:not(.float-header){
 background: rgba(0,0,0,0.5); 
}

    Regards,
    Kharis

    Thread Starter dylann

    (@dylann)

    Great, it’s working. Thank You!

    Last question.
    Menu background (this opacity) is about 120px height and when I scroll page it’s going to be a little smaller (about 90px)
    Can I keep the same height

    No problem. Just go easy on it. ??

    Indeed, you can. Try adding this CSS code, please. 

    
.site-header.float-header{
  padding: 20px 0;
}

    Regards,
    Kharis

    Thread Starter dylann

    (@dylann)

    Great, it’s working! Thaks!

    No problem. Just go easy on it. ??

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

    Hi,

    My Menu on desktop is okay but I have sub menu.
    The Sub Menu appear on right hand side of the screen.
    Any screen below 1400 width, the sub menu not appear properly.

    If Possible I would like to adjust the sub menu appear on left side instead of right side on desktop only.

    mobile menu appear properly.

    I prefer CSS custom code if possible.. Thanks..

    • This reply was modified 8 years, 6 months ago by epwcsysh.
    • This reply was modified 8 years, 6 months ago by epwcsysh.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Some changes in menu’ is closed to new replies.