Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • May 13, 2014 at 2:41 am #263695
    jgoldberg1983

    Hi guys!

    Has there been a recent change to how footer responsiveness is handled? On the second from smallest mobile view the placement of my 4 columns is now 2 above and 2 below instead of side by side. I’ll include links to live and staging (after theme update) below so you can see.

    Is this intentional? Is it possible to have it display as it is on the current live site?

    Many thanks,
    Jonathan

    May 13, 2014 at 2:41 am #263696
    jgoldberg1983
    This reply has been marked as private.
    May 13, 2014 at 5:03 pm #264048
    jgoldberg1983

    Screenshots as follows for your convenience:

    Pre-update (the way I’d like the footer if possible): http://i.imgur.com/g8djNoK.png

    Post-Update: http://i.imgur.com/yVN7Z5Q.png

    Was this something within the theme version that changed how the footer responsiveness is handled?

    May 13, 2014 at 9:08 pm #264218
    jgoldberg1983

    Hey guys,

    Just wondering if any chance someone can look at this asap – I have an article coming out in the coming days that will be sending a lot of traffic and I’d love to go live with your latest and greatest version! =)

    Thanks,
    Jonathan

    May 14, 2014 at 3:14 am #264410
    Ismael

    Hey!

    Thank you for using the theme!

    Please add this on Quick CSS or custom.css to revert the changes back to your default css settings:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth {
margin-left: 4%;
width: 22%;
float: left;
clear: none !important;
}

.responsive .av_one_half.first + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half {
margin-top: 0;
}
}

    Regards,
    Ismael

    May 14, 2014 at 4:11 am #264439
    jgoldberg1983

    Thanks Ismael, this moved some of them back but not all. Please advise. Thank you!

    May 14, 2014 at 5:28 am #264476
    jgoldberg1983

    Updated screenshot: http://i.imgur.com/dRFZ7Ay.png

    May 14, 2014 at 5:10 pm #264767
    jgoldberg1983

    Also, what was the reason for the change in how the footer is handled? Am I going to have any issues by putting it back to how it looked before with your code?

    May 15, 2014 at 7:19 am #265142
    jgoldberg1983

    Are you guys missing this thread? Sorry to be a pain but it’s frustrating to wait so long especially when almost fixed. Thanks for helping with this!

    May 15, 2014 at 9:45 pm #265516
    Yigit

    Hey!

    Sorry for late response Jonathan! It seems like you have already figured it out on your live site – http://i.imgur.com/8PTlXqm.png
    For stating, please add following code to Quick CSS

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth { margin-left: 3%!important; }}

    Cheers!
    Yigit

    May 15, 2014 at 9:49 pm #265519
    jgoldberg1983

    Hi Yigit, nope the live site isn’t using the latest version yet… please use the staging site.

    So I just add the code you mentioned to the code Ismael gave me above?

    May 15, 2014 at 9:52 pm #265522
    Yigit

    Hey!

    Yes, basically decreasing left margin value would line all columns up

    Regards,
    Yigit

    May 15, 2014 at 9:54 pm #265523
    jgoldberg1983

    Ok thanks, I just don’t understand any of the code. So I’ll put the following into custom.css.

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth {
margin-left: 4%;
width: 22%;
float: left;
clear: none !important;
}

.responsive .av_one_half.first + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half {
margin-top: 0;
}

.responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth { margin-left: 3%!important; }

}
    May 15, 2014 at 9:55 pm #265524
    jgoldberg1983

    If any issues with the above just let me know. Also, how come the layout for the footer of this size was changed? Will I have any problems by forcing it back to how it was with this code?

    May 15, 2014 at 9:57 pm #265527
    Yigit

    Hi!

    No, i checked your website and it works fine with the code added

    Cheers!
    Yigit

    May 15, 2014 at 10:00 pm #265531
    jgoldberg1983

    Yigit, I just added the code to the staging site and it’s still not working. Please look – and thank you for the prompt help it will be nice to have this fixed so I could go live with the latest theme! =)

    May 15, 2014 at 10:05 pm #265536
    jgoldberg1983
    This reply has been marked as private.
    May 15, 2014 at 10:05 pm #265537
    Yigit

    Hey!

    Please replace the code i posted with following one 

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #footer .av_one_fourth { margin-left: 3%!important; }}

    Regards,
    Yigit

    May 15, 2014 at 10:08 pm #265540
    jgoldberg1983

    Worked, thank you sir!!!

    May 15, 2014 at 10:13 pm #265548
    Yigit

    Hi!

    You are welcome sir! Always glad to help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Footer Column Layout’ is closed to new replies.