Streaming live at 10am (PST)

Trouble with Mobile Menu/page due to overflow


#1

Hi, was wondering if anyone else has run into this issue

Here's the page > http://myntpartners.com/grow/know-your-online-numbers

The mobile menu seems to be pushed to the far right, but only on my phone, when I try to mimic a small mobile viewport on desktop / chrome, it shows up fine.

Any help would be super appreciated as this is just out of my webflow skillset ;( #damnYOUbrain

Shareable edit in webflow =
https://preview.webflow.com/preview/mynt?preview=7ccc7c3a575911000253cf3837ef9e18
SiteMap help > ONLY happening in Section / Folder Grow >all 4 pages

this is how it should show up [ and is ONLY in chrome, not on mobile phone ]

Much thanks for your time & energy :wink:


Here is my public share link: LINK
(how to access public share link)


#2

I have gone thru the page and deleted each section / div and found the culprit - seem to be this section
So I'm just trying to rebuilt it, but could use any guidance, thxs


#3

I seem to have fixed it by deleting that Container and creating a new one, of the 4 Grow pages, this one is now fixed > http://myntpartners.com/grow/achieve-your-online-goals

As usual, just putting one's head down and going the (F) Navigator and taking out one Container / Div at a time and then publishing and testing on a device does the work, its a bit timely, but 1hr 30 min later, I have that moment of satisfaction that I took the time to learn how to troubleshoot this myself. Pat on back a wee bit. Lovin' webflow as usual!


#4

Hi @LvnLife, good news that you got that styled :slight_smile: When I looked the issue seemed to be overflow on the text elements on those containers, due to non-breaking space:

I would suggest to paste clear text into the text elements instead of formatted text (like from a web page or microsoft word).

Another solution is as you mentioned to delete the container, or you can also set the container to overflow hidden. Setting the container with the text with the non-breaking space though, will result in text getting cut off.

You might try to recreate the container and text, and:

  1. copy and paste the text in to the text element as plain text
  2. use multiple paragraphs when you have different blocks/lines of text

I hope this helps and good job on the troubleshooting :slight_smile:


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.