Safari

italiastyle · Post by **italiastyle** » Sat Apr 13, 2019 1:09 pm

I have been searching for hours but can't seem to solve it myself.
My site looks fine in all browsers (Firefox developer mode), except for Safari which adds a scrollbar at the bottom.
I also activated the mobile background fix but nothing seems to fix it.
Any thoughts on this? Many thanks in advance!!!

See at www.mpwebsites.nl

alan_sh · Post by **alan_sh** » Sat Apr 13, 2019 1:33 pm

I just tried safari on my iPad - it looks fine to me.

Alan

pajadt · Post by **pajadt** » Sat Apr 13, 2019 3:13 pm

Hi italiastyle
You in write, not show in Safari, anyway best solutions is to buy great extensions from crispy68. i tested its work in Safari,
here link
https://www.webbuildertemplates.com/web ... y:2/page:1

crispy68 · Post by **crispy68** » Sat Apr 13, 2019 3:41 pm

In looking at it on my phone, the 'scroll top' button that appears is set far to the right which is causing the scrollbars to appear.

italiastyle · Post by **italiastyle** » Sat Apr 13, 2019 6:48 pm

Thanks for your replies. Tried the button up suggestion but the bottom scroll bar keeps appearing

crispy68 · Post by **crispy68** » Sat Apr 13, 2019 7:09 pm

This is what I see on my Galaxy S7:

If there is space on the side, this usually indicates there are hidden objects outside of the breakpoint. Without seeing your project file, it is very hard to say what it could be.

italiastyle · Post by **italiastyle** » Sat Apr 13, 2019 7:22 pm

Thanks crispy68. I checked if anything is out of viewpoint but this is not the case.

crispy68 · Post by **crispy68** » Sat Apr 13, 2019 7:32 pm

The 'slant' divider you are using sets the width of the slant to 150% which causes the slant to be wider than the viewport.

Try this, go to 'Page Properties --> Advanced' and under the General section change the overflow-x property to 'hidden'. See if this helps.

italiastyle · Post by **italiastyle** » Sat Apr 13, 2019 7:40 pm

looked at it and it was already on hidden. is there any way to adjust this divider?
as you probably already have seen i used the 'Divider Experients' template. Tried it also unchanged and it has the Safari scrollbar also.
Strange thing is though that the menu bar is steady and ok.

crispy68 · Post by **crispy68** » Sat Apr 13, 2019 8:08 pm

actually, try adding this to the css:

html{overflow-x:hidden;}

italiastyle · Post by **italiastyle** » Sat Apr 13, 2019 8:36 pm

thanks, tried it and does nothing to it

crispy68 · Post by **crispy68** » Sat Apr 13, 2019 8:40 pm

Unfortunately, I dont have Safari to test on.

However, my suggestion did fix it on Samsung mobile browser and Chrome mobile browser.

Did you place the code in the correct spot? Go to Page --> Page HTML --> between <head> tags and type:

<style>
html{overflow-x:hidden;}
</style>

italiastyle · Post by **italiastyle** » Sat Apr 13, 2019 8:44 pm

crispy 68, YOU ARE THE BEST!! This does the trick.
Thanks a lot

crispy68 · Post by **crispy68** » Sat Apr 13, 2019 8:45 pm

Great!

If you are interested, I have created a free extension for this which can be found here.

italiastyle · Post by **italiastyle** » Sat Apr 13, 2019 8:58 pm

that is great i will try it for sure!!
Thanks again

www.wysiwygwebbuilder.com

Safari

Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari

Re: Safari