This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Page Width Issue (tablet)

Open 14 replies customizationgeneral
thmin
4 years ago · Last reply by Andrew Misplon 4 years ago

Hi,

I have an issue with Corp Theme.

I have a margin-right on my website. So next to Header and Footer there is a space of approx. 50 px with the background. Doesn´t matter if I choose a color or an image.

And now the most interesting point:
This is ONLY visible on an iPAD (tablet). Mobile and Desktop are fine.

So on iPAD for example you can “drop” the page to the right and it is not “fixed”.

And it is also visible when using WordPress “Customize” Design Preview. There is a scroll bar visible where you can scroll to the right.

But this is also not visible using Custom CSS preview.

I cannot find any solution. I tried several CSS snippets for max-width and so on, also found in this board. Nothing helps.

Any ideas?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

14
  1. Andrew Misplon Staff 4 years, 1 month ago

    Hi

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on?

  2. thmin 4 years, 1 month ago

    here

  3. thmin 4 years, 1 month ago

    Don´t know what happened to the link. Just take the last part.

  4. Andrew Misplon Staff 4 years, 1 month ago

    Thanks for the update.

    You can perhaps start by checking the Features Widget section containing “Formulare”. If I remove all Custom CSS the issue resolves. Ideally, that section needs to fit better for tablets. Using Media Queries you could expand your Custom CSS reducing the heading size.

    Alternatively, you could try adjusting the Features Widget breakpoint from PluginsSiteOrigin WidgetsFeatures: Settings.

  5. thmin 4 years, 1 month ago

    This Feature Widget was added today – so after that issue already had been present.

  6. Andrew Misplon Staff 4 years, 1 month ago

    When able please try testing the page with all customs CSS temporarily removed. That’ll help isolate the issue. If the issue resolved you can add your custom CSS back progressively to isolate when the issue occurs.

  7. thmin 4 years, 1 month ago

    After removing Custom CSS the margin is still there!

  8. Andrew Misplon Staff 4 years, 1 month ago

    With your Custom CSS removed, the horizontal scrollbar at tablet resolutions is no longer present for me. Try clearing your caching plugin and then confirming in a different browser or private browsing window.

    https://imgur.com/a/KochYu3

  9. thmin 4 years, 1 month ago

    Definitely not. Still there after cache clearing etc

    I now changed the menu collapse again to 1000 px. Now the margin disappears when the tablet uses the mobile menu. So I suppose we have a navigation issue here,

  10. thmin 4 years, 1 month ago

    If I disable the Header menu in Customizer the scroll bar disappears…

  11. Andrew Misplon Staff 4 years, 1 month ago

    Thanks for the update. If you could perhaps take a screenshot indicating the issue and upload it to imgur.com or any cloud site and send the link,
    that’ll be great. I’ll take a look tomorrow and get back to you then.

    Have a good rest of your night.

  12. thmin 4 years, 1 month ago

    Also a sticky header resolves the issue. But I do not want to use that.

  13. thmin 4 years, 1 month ago

    I created a new menu. That was the problem.

    Now it is fine.

  14. Andrew Misplon Staff 4 years, 1 month ago

    Super, glad to hear you’ve made progress.

    All the best.

    Andrew

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread