Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 16, 2016 at 3:20 am #672942
    darneson

    Hi there,
    I have a problem with the footer columns on mobile , but only on some pages and can’t figure out why.

    They are set to 4 columns and on some pages they show 100% width on other they show 4 columns next to each other. I can’t figure out why. Can you help me?

    Many thanks in advance.
    Darneson

    August 19, 2016 at 6:58 am #674526
    Ismael

    Hey darneson,

    Thank you for using Enfold.

    We checked the “angthong” page but it doesn’t exist anymore. Please provide a link to the actual page with the issue.

    Best regards,
    Ismael

    August 19, 2016 at 7:27 am #674555
    darneson

    Hi Ismael,
    Thanks for your reply and sorry for the hassle.
    Here is the new link.
    Thanks,
    Darneson

    August 19, 2016 at 10:31 am #674639
    Vinay

    Hi,

    I checked all the main pages including the example page you shared in chrome and IE and the footer looks the same on all pages. it is a 4col footer on all pages :)

    If you still have an issue please share more details on which browser you are facing this problem and a screenshot of the same. You can upload screenshot to imgur.com and share the link here.

    Best regards,
    Vinay

    • This reply was modified 8 years, 3 months ago by Vinay.
    August 19, 2016 at 10:41 am #674645
    darneson

    Dear Vinay,

    Thanks for your reply and for checking.
    It is working fine on desktop, but not on mobile devices.

    And it is only on the “Ang Thong Tour” page.
    Please let me know what could cause the issue.

    Thanks,
    Darneson

    August 20, 2016 at 7:53 am #674968
    Rikard

    Hi,

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

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

    Best regards,
    Rikard

    January 30, 2018 at 11:18 pm #905236
    lindenhof

    Hey,
    I have the same issue – my footer doesn’t look well on mobile. Pasting the above CSS does nothing for me.

    Ideas?

    January 31, 2018 at 12:11 am #905247
    Jordan Shannon

    Hey lindenhof,

    You have a different column structure. Please add this to your quick css:

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

    Best regards,
    Jordan Shannon

    January 31, 2018 at 12:13 am #905249
    lindenhof

    Thanks a lot!

    January 31, 2018 at 12:35 am #905255
    Jordan Shannon

    Hi,

    No problem. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    September 5, 2018 at 11:25 am #1006032
    MrGoodPixel

    Hi,
    I have a similar problem with the footer columns on mobile phone. They are set to 5 columns and on mobile phone there is too much white space between the columns.
    I can’t figure out why. Can you help me?

    Best regards,
    Nadine Steinert

    September 5, 2018 at 12:14 pm #1006068
    Rikard

    Hi Nadine,

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

    @media only screen and (max-width: 767px) {
#footer .widget {
    margin: 0 !important;
}
}

    Best regards,
    Rikard

    September 5, 2018 at 3:42 pm #1006184
    MrGoodPixel

    Thanks a lot!

    September 5, 2018 at 8:02 pm #1006296
    Victoria

    Hi MrGoodPixel,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.