Tagged: footer, mobile, responsive, widgets
-
AuthorPosts
-
June 29, 2015 at 11:39 pm #466100
Hi,
I have asked about this problem on another thread but have not received an answer yet. The other issues have now been dealt with so I thought best to post separately:
The 4 footer widgets I have set across the site do not align properly on just two pages of the site when in responsive mode (links in private content). All other pages perform as they should on mobile.
There was a third page that had this problem too; however, I have managed to resolve this by adding the following code to CSS:
.page-id-452 #footer {
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #footer .av_one_fourth.first.el_before_av_one_fourth, .responsive #footer .av_one_fourth.first + .av_one_fourth + #footer .av_one_fourth, .responsive .av_one_half.first + #footer .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + #footer .av_one_half {
margin-left: 5%;
float: left;
clear: none;
}.responsive #footer .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + #footer .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + #footer .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + #footer .av_one_fourth, .responsive .av_one_half.first + #footer .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + #footer .av_one_fourth {
margin-left: 4%;
width: 22%;
}
}This is not working for the other two pages, please advise? Page id’s are page-id-1543 and page-id-1339.
We’re ready to go live once this last bug is fixed, many thanks for the support! :)
June 30, 2015 at 2:56 pm #466481Hi Original_Pictorial!
Please change your code to following one
@media only screen and (max-width: 989px) and (min-width: 768px) { .page-id-1543 #footer .av_one_fourth.first,.page-id-1339 #footer .av_one_fourth.first { margin-left: 5%; float: left; clear: none; } .page-id-1543 #footer .av_one_fourth, .page-id-1339 #footer .av_one_fourth { margin-left: 4%; width: 22%; }}
Regards,
YigitJune 30, 2015 at 3:22 pm #466506Thanks for this Yigit – unfortunately it’s still not working on page id 1339 (page link included below). This one page doesn’t seem to respond! Can you please advise? Cheers!
June 30, 2015 at 3:24 pm #466511Hi!
Do you mind creating a temporary admin login and posting it here privately so we can look into it?
Best regards,
YigitJune 30, 2015 at 3:29 pm #466519Hi Yigit,
Sure – login info included.
Thanks,
CaraJune 30, 2015 at 5:46 pm #466585Hey Cara!
I can see that code is being applied on both pages – http://imgur.com/a/3HBWo
Can you please flush browser cache and refresh your page a few times. If that does not help, please post a screenshot and show the issueCheers!
YigitJuly 1, 2015 at 5:26 pm #467121Hi Yigit,
I have tried your suggestions above and have gotten no further. I’ve also tried to create a ‘template’ from the page and load into a new version, but the same thing is happening on the new page.
Screengrab:
It is only happening in responsive, and only on this page.
Please can you assist asap as this issue has been dragging on since last week and I have still not managed to resolve.
Thanks,
CaraJuly 1, 2015 at 5:29 pm #467124Hi Yigit,
I have now resolved – the issue appears to be a bug when using a ‘Grid Row’
It occurred to me that the issue had only appeared on the other pages originally when they featured a grid row, but I then changed this to resolve another problem with the performance of the grid row content when responsive.
I would suggest you look into this.
Thanks,
CaraJuly 2, 2015 at 8:46 pm #467754Hi Cara,
I’m glad to know that you got everything sorted on your end.
I’ll definitely notify Kriesi about your experience.
Regards,
Dake -
AuthorPosts
- The topic ‘Footer widgets bug’ is closed to new replies.