Remove shadow from menu & keep logo center aligned

[alxmntrvl]

Hello,

I want to remove the “shadow” from underneath the collapsed menu, as seen in the screenshot:

I also want to make sure that the logo stays center aligned with the menu at any breakpoint.

Also how can I access the existing CSS so that I can edit it in the future if needed?

Thank you!

[nico]

Hi @alxmntrvl,

Thanks for writing in.

You can use the X/Pro > Theme Options > CSS to add custom CSS.

Add this code below to remove the shadow:

.x-btn-navbar{
box-shadow:none;
}

Add this code to put your menu in the middle all the time:

@media (max-width: 979px)
.masthead-inline .x-btn-navbar {
        float: none;
        max-width: 50%;
        margin: 0 auto;
}

Play with the CSS to achieve the best desired position.

Hope it helps.

Let us know how it goes.

Thanks.