WordPress.com forums

Get help with WordPress.com, the free blogging platform, and the WordPress.com apps.

Menu button on mobile off

hhc2626 · Member · April 21, 2020 at 1:31 am
Copy link

Add topic to favorites
The mobile toggle on my website is displaced on a cellphone browser, but appears normal in the wordpress mobile preview. How can I fix this so that the logo and menu toggle are parallel to each other as they are supposed to be?

The blog I need help with is: (visible only to logged in users)
anarieldesign · Theme Author · April 21, 2020 at 8:24 am
Copy link
Hi,

thank you for using our theme.

You can add this to the Custom CSS:
```
#site-navigation button {
    margin-top: 15px;
}
```
to adapt the button more to your logo size.

All the best,
Ana
hhc2626 · Member · April 21, 2020 at 2:23 pm
Copy link
Still seems to be an issue. I’ve also tried uploading smaller logos, but that hasn’t solved the problem either. Anything else we can try? I’ve included photo examples below if it’s helpful.

original logo used, menu off: https://imgur.com/a/VDOBPqG

smaller logo used, with code, menu still off: https://imgur.com/a/3gwPc1G
hhc2626 · Member · April 21, 2020 at 4:21 pm
Copy link
Got it working using an adjustment of the code you shared. Thank you!!

For anyone having the same problem see the code used below.

#site-navigation button {
margin-top: -60px;
}
anarieldesign · Theme Author · April 23, 2020 at 5:45 pm
Copy link
Happy you found the way and I could help a bit :)

Best,
Ana

The topic ‘Menu button on mobile off’ is closed to new replies.