Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 12, 2016 at 4:29 am #671654
    Donkies11

    Hello Support,
    I am working on this site: freshhfs.
    We have unique programming/code for the homepage – I’m still working on some issues with the homepage on mobile/phones, but let’s concentrate on one item at a time.

    The inner pages footer (4 columns) loads properly, stacking each column upon each other in a single column format.

    The homepage is loading the 4 columns like a desktop layout.

    What are we missing that is causing that?
    (Credentials loaded in private area.)

    TIA,
    Greg

    August 13, 2016 at 7:24 am #672221
    Rikard

    Hi Greg,

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

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

    Thanks,
    Rikard

    August 18, 2016 at 12:51 am #673920
    Donkies11

    Hello Rikard/Support,

    This snippet of CSS isn’t stacking the footer column elements as the inner pages do.
    Here’s a screenshot of what we want the end result to be.
    correct mobile footer columns - stacked

    Here’s a screenshot of the current homepage footer.
    current incorrect footer columns for mobile

    Can you help us get the homepage footer to stack the columns as the inner pages are?

    Sincerely,
    Greg

    August 18, 2016 at 12:59 am #673927
    Yigit

    Hi!

    It should have worked but can you please try using the code as following 

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

    Best regards,
    Yigit

    August 19, 2016 at 7:53 pm #674855
    Donkies11

    Hello Yigit/Support,
    I was just about to write back that the new snippet wasn’t working either – I’d placed it after the one from Rikard without removing his code.
    Then I thought I should remove his and try it before hassling you all again.
    Low and behold, I’d written a comment to say what the code was for – and hadn’t ended the comment…
    So Rikatd’s code was inadvertently being commented out. d’oh!
    Rikard’s css is now working – we can close this out.
    Thank you,
    Greg

    August 21, 2016 at 6:38 am #675222
    Rikard

    Hi Greg,

    Great, glad you got it working and sorry for the problems.

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

    Thanks,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘mobile – footer one homepage not displaying in single columns’ is closed to new replies.