Archived topic
Background image at primary navigation appears at the Off-Canvas
9 replies · Started by Damiano on February 17, 2021
I use a background image in the primary menu. This image appears at the off-canvas which I use for mobil. How can I prevent, that this happens. Thank you for your support.
Hi Damiano,
Could you can link us to the site in question?
You can use the private information field.
Thanks!
Hi Ying, as privat information I send you the site.
Hi Damiano,
I don't see a background image in slidout navigation or primary navigation on desktop.
https://www.screencast.com/t/EHF5petfR
https://www.screencast.com/t/9SC9SfWsmH4
Could you confirm? Thanks!
Hi Ying, the image is 38 px high with two small lines above and below the menu - maybe there is a possibility to create this lines in the menu without using a image.
Hi there,
Try adding this CSS so the CSS you've applied on the .main-navigation doesn't apply to the offcanvas menu.
nav#generate-slideout-menu.main-navigation {
background-image: none;
}
Thanks. Where do I have to insert this css? I am not very experienced with css code.
Here's how to add CSS: https://docs.generatepress.com/article/adding-css/
It works! Thank you!
Glad it works for you. No problem. :D