Docs

[chflynn]

I have the following CSS to make the hamburger have some space above it. I tried adding some CSS for padding on the left of the hamburger with no luck. On portrait mode on an iPad the menu runs into the logo text. I moved it down for now, but i would like it to have padding all around the mobile menu. tomorc . org

x-btn-navbar {
margin-top: -40px;
float: right;
}

[Darshana]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-btn-navbar {
    margin: 10px;
}

Hope that helps.

[chflynn]

thanks for the tip, but it’s still not achieving my goal. Perhaps making the logo text responsive is the trick instead of moving the menu? See screenshot, i would prefer the burger to line up with the logo text or it be center directly below in portrait mode on an iPad. or some combo of

.x-btn-navbar {
margin-top: -40px;
float: right;
}

.x-btn-navbar {
margin: 10px;
}

[chflynn]

see screen shot

[chflynn]

ugh, too large of file. trying again. screenshot.

[Lely]

Hi There,

Please add this CSS Ipad specific CSS:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.x-brand {
    margin-top: 15px;
    font-size: 31px;
}

}

Hope this helps.

[chflynn]

thanks, ill try it.

[Prasant Rai]

Let us know how it goes.

Thanks.

[Author]

Posts