[dwright27]

Good afternoon,

When viewing my site on a mobile device, the Menu icon (the three lines) is squished up into the header logo, and people aren’t really able to see it very well.

Additionally on mobile, there is an inability to scroll horizontally and certain parts are cut off (although this might be attributable to the directory plug-in I’m using?)

Website: companionbirds.ca

[dwright27]

Okay so the scrolling was my plug-in, which I have since fixed. But I still don’t know how to move the menu button so people can actually see it on mobile. It works great on desktop.

[dwright27]

…Bump?

[Zed]

You may need to use a shorter logo (so that it leaves room for the menu placeholder when browsing the site on the smallest of devices).

You can also give this CSS a try:

@media (max-width: 600px) {
   a#logo > img { max-width: 60%; }
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts