Box shadows not showing correctly in the menu

Hi there,

can you share a link to your site so i can see the current layout.

Sorry I didn't explain lot from website, I thought it was pretty fresh.. But no it wasn't it has elementor plugin which has high potential to break that menu shadow. Url for this site is http://www.senderwizz.com

Hi,

I'm not exactly sure I understand what you're trying to achieve.

Can you explain a bit more on "how to get that bottom shadow away from the menu ?"?

Are you trying to add distance between the shadow and the header? If so, you'll have to adjust the x and y offset of the box-shadow property.(currently set to 0px and 10px)

Mockup images or reference site of what you want it to look like will help a lot in giving us an idea.

Let us know.

Hello,
Please see the image how I would like it to appear

Try adding this PHP snippet:

add_action('generate_before_header', function(){ 
	echo '<div class="body-inner grid-container">';
},10);

add_action('wp_footer', function(){ 
	echo '</div> <!-- body inner -->';
},9999);

This wraps both header, content (and footer) with a <div> while honoring the max-width imposed to them.

You then replace this CSS:

.site-header, .container, .site-footer, .site-info {
box-shadow: 0 10px 10px #555;
}

With this CSS:

.body-inner.grid-container {
    box-shadow: 0 10px 10px #555;
}

Thank you very much this worked! :)

No problem. Glad it works for you. :D