Moving mobile menu down to accomodate larger logo/header

[brettfish]

I have some custom code on my website to make the logo sit in a circle cutting into the first section - which looks great. However, on mobile, the menu starts on top of the logo. How do I move the mobile menu down further to accommodate for the header/logo?

Website URL

stradebianchewines.com

[rad]

Hi @brettfish,

Thanks for reaching out.

You can do that by adding this CSS to Theme Options > CSS

.x-navbar .mobile .x-nav {
    margin-top: 100px !important;
}

You can also modify it or create new CSS, please check this for similar CSS customization procedure Changing blog post text size in CSS affects Navigation Collapsed and Classic Feature List elements

Thanks!