Page 1 of 1
Safari
Posted: Sat Apr 13, 2019 1:09 pm
by italiastyle
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
Re: Safari
Posted: Sat Apr 13, 2019 1:33 pm
by alan_sh
I just tried safari on my iPad - it looks fine to me.
Alan
Re: Safari
Posted: Sat Apr 13, 2019 3:13 pm
by pajadt
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
Re: Safari
Posted: Sat Apr 13, 2019 3:41 pm
by crispy68
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.
Re: Safari
Posted: Sat Apr 13, 2019 6:48 pm
by italiastyle
Thanks for your replies. Tried the button up suggestion but the bottom scroll bar keeps appearing
Re: Safari
Posted: Sat Apr 13, 2019 7:09 pm
by crispy68
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.
Re: Safari
Posted: Sat Apr 13, 2019 7:22 pm
by italiastyle
Thanks crispy68. I checked if anything is out of viewpoint but this is not the case.
Re: Safari
Posted: Sat Apr 13, 2019 7:32 pm
by crispy68
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.
Re: Safari
Posted: Sat Apr 13, 2019 7:40 pm
by italiastyle
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.
Re: Safari
Posted: Sat Apr 13, 2019 8:08 pm
by crispy68
actually, try adding this to the css:
html{overflow-x:hidden;}
Re: Safari
Posted: Sat Apr 13, 2019 8:36 pm
by italiastyle
thanks, tried it and does nothing to it
Re: Safari
Posted: Sat Apr 13, 2019 8:40 pm
by crispy68
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>
Re: Safari
Posted: Sat Apr 13, 2019 8:44 pm
by italiastyle
crispy 68, YOU ARE THE BEST!! This does the trick.
Thanks a lot
Re: Safari
Posted: Sat Apr 13, 2019 8:45 pm
by crispy68
Great!
If you are interested, I have created a free extension for this which can be found
here.
Re: Safari
Posted: Sat Apr 13, 2019 8:58 pm
by italiastyle
that is great i will try it for sure!!
Thanks again
