Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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! :)

    #466481

    Hi 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,
    Yigit

    #466506

    Thanks 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!

    #466511

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Best regards,
    Yigit

    #466519

    Hi Yigit,

    Sure – login info included.

    Thanks,
    Cara

    #466585

    Hey 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 issue

    Cheers!
    Yigit

    #467121

    Hi 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:
    Footer Widget Issue

    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,
    Cara

    #467124

    Hi 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,
    Cara

    #467754

    Hi Cara,

    I’m glad to know that you got everything sorted on your end.

    I’ll definitely notify Kriesi about your experience.

    Regards,
    Dake

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Footer widgets bug’ is closed to new replies.