Mobile Menu and Horizontal Scrolling Issues

Forums » WordPress » Fluida » Bugs

  • Author
    Posts
  • April 30th, 2017 at 19:17 #44520
    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

    April 30th, 2017 at 19:26 #44522
    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.

    May 7th, 2017 at 15:05 #44712
    dwright27

    …Bump?

    May 8th, 2017 at 17:46 #44764
    Zed
    Cryout Creations mastermind

    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
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mobile Menu and Horizontal Scrolling Issues’ is closed to new replies.