Trouble displaying the theme correcly on mobile

  • Resolved natuurlijkvlooienmiddel

    (@natuurlijkvlooienmiddel)


    6 years, 4 months ago

    Hi there!

    Everything works as described but:
    On desktop it looks really well, but on mobile there seems to be an issue. First discovered on mobile, the page width seems to be twice the width of the actual content.

    Also on desktop, (Chrome) when selecting “inspect element” the menu on the right appears. When this happens, somehow the width of the content seems to be half the page width. When using full screen on browser however, it works fine.

    I have been struggling for hours now in the CSS but somehow I can’t figure out what is going on. Does anyone know what is going on and how to fix this?

    You help is greatly, GREATLY appreciated since I am getting desperate.

    Here are a couple of screenshots visualizing the situation:

    https://ibb.co/dyeeKb

    The navbar width seems to be 100% however, not the content:

    https://ibb.co/ig4ksw

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Vishakha Patel

    (@vishakha)

    6 years, 4 months ago

    Hi There,

    It seems like the issue is resolved. I checked the website on mobile sized screen, Chrome normal and full screen. The website was displaying properly.

    Please have a look here – https://snag.gy/ZfWkG9.jpg.

    If the issue is not resolved yet, please check this once with another computer’s Chrome browser.

    Regards

    Thread Starter natuurlijkvlooienmiddel

    (@natuurlijkvlooienmiddel)

    6 years, 4 months ago

    Hi Vishakha,

    Well, the issue is still there on mobile, also on the chrome browser. Did you double-click the visual (not the code), then you will zoom out showing the situation I descibed and made screenshots off. Thank you so much for looking into it!

    Hardeep Asrani

    (@hardeepasrani)

    6 years, 4 months ago

    Hey there,

    Try adding the following CSS there to fix it:

    .powered-by:after {
  display: none;
}

    Let us know if it works.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Trouble displaying the theme correcly on mobile’ is closed to new replies.

Tags