Removing the transparency from the top header menu

This topic has 6 replies, 2 voices, and was last updated 2 years, 11 months ago by thatu.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
December 1, 2021 at 11:48 pm #295098

thatu
Participant

Hello,
I want to make the header with the logo and menu across the site with a fixed background (currently it is transparent until there is a scroll then it switches to white). I want to make it white all the time.

Can you advise how?

Very neat theme btw

Thanks

December 1, 2021 at 11:50 pm #295117

Skandha
Participant

@thatu: Hello there,

Can you please post in your site URL so that I can look into the issue?

Kind Regards,

Skandha

December 4, 2021 at 8:00 am #295174

thatu
Participant

Thanks @skandha

The site is not live yet but it is at https://www.gioiacafe.com/new

Regards

Tim

December 4, 2021 at 9:59 am #295257
Skandha
Participant
@thatu: Hello Tim,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#masthead, .no-header-media-image.no-header-media-text.no-featured-slider.sticky-nav #masthead {
position: relative;
}
#site-navigation a {
color: #000;
}
```
Let me know if this works out!

Kind Regards,

Skandha
December 23, 2021 at 11:25 pm #296438

thatu
Participant

Thanks @skandha and sorry for the late reply

It has worked so thank you so much for your help.

One issue it has introduced though is that on the mobile device, the three dashes dissapear, you can still tap it if you know where it is but it isn’t showing anymore.

Can you advise on this ?

Thank you

December 23, 2021 at 11:57 pm #296463
Skandha
Participant
@thatu: Hello Tim,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
#menu-toggle {
color: #000;
}
```
Let me know if this works out!

Kind Regards,

Skandha
December 26, 2021 at 11:14 am #296524

thatu
Participant

Thank you so much @skandha, it worked perfectly

Amazing support
Author

Posts