Remove the background in the menu

jleesley

Hello,

Is there a way to remove the background (color) behind the main menu for a specific page (versus the whole website) without writing CSS? I've tried both: searching for a setting to turn it transparent and using CSS, but neither of them worked.

Here's the CSS I used:

.post-259 #Top_bar,

.menu_wrapper {

background-color: transparent !important;

background-image: none !important;

border: none !important;

}

.post-259 #Header_wrapper {

position: absolute;

width: 100%;

background-color: transparent !important;

}

Page: https://apparitionmovie.com/videographer-and-photographer-christopher-schonert/

Thanks,

JL

Phil

Hi,

Try the following CSS code instead:

.page-id-259 #Top_bar,
.page-id-259 #Top_bar #menu{
 background: transparent;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jleesley

Thank you. That worked for the background color, but then the background image behind the menu still appears. Do you know the CSS to remove that, too? It's just for certain pages. Please see the attached image. It's for the same page: https://apparitionmovie.com/videographer-and-photographer-christopher-schonert/

Thanks, JL

Phil

Please check for this image in Betheme -> Theme options -> Header & Subheader -> Header:

You can also see if it is not assigned as a Featured image:

Can you tell me what your final goal is, please?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next