Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 8, 2016 at 9:08 am #696852
    jhonney

    Hi,
    I have 3 columns in my page footers that looks like this in desktop:
    Page – Desktop
    And mobile it switches to 1 column:
    Page – Mobile
    which is correct.

    Now the posts should look the same (3 columns in desktop, 1 column in Mobile), but in mobile it keeps 3 column layout:
    Post – Mobile

    I’d like also only 1 column in the post footers of mobile, just like in the page footers.

    Thanks,
    Sushi

    October 9, 2016 at 7:41 am #696993
    Rikard

    Hi jhonney,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.single #footer .av_one_third {
width:100% !important;
margin-left:0 !important;
}
}

    Regards,
    Rikard

    October 9, 2016 at 12:21 pm #697048
    jhonney

    Thanks Rikard!

    Works like a charm.

    October 10, 2016 at 6:44 am #697165
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Page-Post Footer Column Layout Difference in Mobile’ is closed to new replies.