menu customization

Good morning,

I tried to use guides or links found on the web but I could not solve the problem.

Please take a look here: https://tistyle.linkovda.it/


I need to customize menu and sticky menu.

In the main menu I would need to be able to change font and size of the drop down menu, as well as the color and transparency.


I also need to recreate the same conditions on the sticky as on the main menu.

So:

- inactive links: gold

- hover link: white

I also need to lower the transparency of the whole band of the sticky.


Thanks a lot and see you soon.

Comments

  • Hi,

    This will require writina a custom CSS code and placing it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    Do you need help with that?


    Best regards

  • Yes please, could you do that for us?

    Many thanks,

    Giuliano

  • Hi, do you have an update please?

    Thanks,

    Giuliano

  • Please, use the following CSS code:

    #menu .sub-menu{
       background-color: rgba(0,0,0,.5)!important;
    }
    #menu .sub-menu a{
       color: #ccac47!important;
       font-size: 20px!important;
    }
    

    To make the sticky the same as the regular header, please, go to Betheme -> Theme options -> Header & Subheader -> Header, and change the Sticky header Style to The same as top Bar Left background.

    Thanks

  • Good morning and thanks for the reply, but I need more help because the CSS doesn't quite do what I need (I had to modify it to suit my needs).

    I would like to keep the menu transparent (see attachment1) and be able to have control over the transparency of just the sticky menu (see attachment2), while still keeping the main menu transparent. So it is an almost full black or at least not in transparency.

    I look forward to your support please.

    Thank you.


  • Please, use the following code:

    #Top_bar.is-sticky{
       background-color: rgba(0,0,0,.7)!important;
    }
    

    The last value (.7) controls the transparency.

    https://www.w3schools.com/css/css3_colors.asp


    Best regards

  • Now it works ;)

    Really thank you!

    Giuliano

Sign In or Register to comment.