menu customization

visionastudio · May 2022

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.

Phil · May 2022

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

visionastudio · May 2022

Yes please, could you do that for us?

Many thanks,

Giuliano

visionastudio · May 2022

Hi, do you have an update please?

Thanks,

Giuliano

Phil · May 2022

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

visionastudio · May 2022

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.

allegato1.jpg

allegato2.jpg

Phil · May 2022

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

visionastudio · May 2022

Now it works ;)

Really thank you!

Giuliano

menu customization

Comments