Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 5, 2021 at 3:17 pm #1298602
    hanna47

    Hi,

    I would like to redesign the way the elements are stacked in the footer when in smaller windows, like tablet and mobile. Also to hide some elements. Where can I do this?

    /Hanna

    May 5, 2021 at 3:39 pm #1298610
    Jordan Shannon

    Hey Hanna,

    This can be done via css. Do you have a link to the site/page in question.

    Best regards,
    Jordan Shannon

    May 7, 2021 at 1:14 pm #1298945
    hanna47

    Ok. Yes, the footer is the same on all pages (or should be) so it should be one fix for all pages on the site showing the footer.
    See Private Content for site and login.

    May 10, 2021 at 5:32 am #1299233
    Rikard

    Hi,

    Thanks for that. What exactly would you like to change on mobile/tablet sizes?

    Best regards,
    Rikard

    May 11, 2021 at 10:06 am #1299626
    hanna47

    Hi,

    On window sizes below 1088px wide, I would like to hide the Footer Widget “Footer – column1” (with two images/logos).

    May 12, 2021 at 1:54 pm #1299924
    Yigit

    Hi,

    I added following code to bottom of Quick CSS field

    /* Hide 1st footer column below 1088px and adjust the rest */
@media only screen and (max-width: 1088px) { 
#footer .flex_column.first { 
    display: none; 
}
#footer .flex_column:nth-child(2) {
    margin-left: 0;
}
#footer .av_one_fourth {
    width: 29.3%;
}
}

    Please review your website :)

    Best regards,
    Yigit

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