Safari

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
italiastyle
 
 
Posts: 23
Joined: Fri Nov 25, 2011 5:49 pm
Location: Europe
Contact:

Safari

Post 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
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: Safari

Post by alan_sh »

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

Alan
pajadt
 
 
Posts: 304
Joined: Sat Mar 16, 2013 11:23 am
Location: Europe
Contact:

Re: Safari

Post 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
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Safari

Post 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.
User avatar
italiastyle
 
 
Posts: 23
Joined: Fri Nov 25, 2011 5:49 pm
Location: Europe
Contact:

Re: Safari

Post by italiastyle »

Thanks for your replies. Tried the button up suggestion but the bottom scroll bar keeps appearing :|
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Safari

Post by crispy68 »

This is what I see on my Galaxy S7:

Image

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.
User avatar
italiastyle
 
 
Posts: 23
Joined: Fri Nov 25, 2011 5:49 pm
Location: Europe
Contact:

Re: Safari

Post by italiastyle »

Thanks crispy68. I checked if anything is out of viewpoint but this is not the case.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Safari

Post 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.
User avatar
italiastyle
 
 
Posts: 23
Joined: Fri Nov 25, 2011 5:49 pm
Location: Europe
Contact:

Re: Safari

Post 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.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Safari

Post by crispy68 »

actually, try adding this to the css:

html{overflow-x:hidden;}
User avatar
italiastyle
 
 
Posts: 23
Joined: Fri Nov 25, 2011 5:49 pm
Location: Europe
Contact:

Re: Safari

Post by italiastyle »

thanks, tried it and does nothing to it
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Safari

Post 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>
User avatar
italiastyle
 
 
Posts: 23
Joined: Fri Nov 25, 2011 5:49 pm
Location: Europe
Contact:

Re: Safari

Post by italiastyle »

crispy 68, YOU ARE THE BEST!! This does the trick.
Thanks a lot :D
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Safari

Post by crispy68 »

Great!

If you are interested, I have created a free extension for this which can be found here.
User avatar
italiastyle
 
 
Posts: 23
Joined: Fri Nov 25, 2011 5:49 pm
Location: Europe
Contact:

Re: Safari

Post by italiastyle »

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