October 15, 2018 at 12:39 UTC - Views: 31 #56776Answered
I’m developing this site, and it looks good in all major browsers except Safari. Safari shows the footer widget area much too wide, so the widgets are not aligned with the rest of the content, they are pretty much “outside”. This seems very much like a problem with the theme. I tried debugging but I don’t see an easy fix, the CSS rules are quite different and I suspect that JS is playing a role as well.
Is there an option to tell Weaver NOT to do anything special for Safari? Or can you fix the bug?
Thanks in advance,
TimOctober 15, 2018 at 16:40 UTC - Views: 30 #56777
I cant test on safari, so @weaver will have to look at it.
I think Safari does not support some of the CSS for Full width, and that is why there are different rules for safari, but only weaver can check if there is a problem with that.
But I do see a problem and you should fix that first.
You have both the footer AND the footer widget area set to full width, which could cause problem as it is unnecessary.
If the footer is expanded / stretched full width, then its content will be and you do not need the footer widget area to be.
So go to Main options Full width, and either uncheck the stretch /expand on the footer area OR of the Footer widget area.
Then test if you still have a problem on safariOctober 15, 2018 at 17:27 UTC - Views: 24 #56778
I understand what you mean and I tried it. But your suggestion breaks the layout which I need – if I don’t also expand the widget area then the background color of the widget area, which differs to that of the rest of the footer, is not expanded to the browser window width. Ends up looking ‘orrible )-: Apart from that logic dictates that the theme has a problem, if all modern browsers show it correctly except one.
It’s not only my graphic designer colleague who uses a Mac, but also the client herself. So she will be seeing a broken website and will not be happy – help help @weaver? And as ever, thanks in advance!October 15, 2018 at 18:50 UTC - Views: 21 #56779Best Answer
This reply has been accepted as the best answer.
You have both alignwide and wvrx-fullwidth on the footer widget area. These seem to conflict on Safari, but logically conflict on all circumstances. I don’t know why they would work at all on non-Safari. (or perhaps the wvrx-fullwidth overrides alignwide on non-Safar browsers, but that wasn’t necessarily done intentionally. alignwide and wvrx-fullwidth mean different things, and it is not surprising to me that there are conflicts in the implementations when both are used.)
Remove the alignwide on the footer widget area, and I think that gives what you want.October 15, 2018 at 19:10 UTC - Views: 16 #56780
Note – I edited my reply. I has entered alignfull instead of alignwide, but the principle still applies. alignwide, alignfull, and wvrx-fullwidth are not compatible.October 15, 2018 at 21:12 UTC - Views: 12 #56782
I missed that, and yes we have already noticed that you cannot use both the new align(wide/full) with the expand in the full width optionsOctober 16, 2018 at 16:11 UTC - Views: 7 #56787
You must be logged in to reply to this topic.