Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 2, 2019 at 5:19 pm #1073638
    vbonora

    Hello, I would like to move the first column of the footer as the last one only in the mobile view. How can I do?

    Thanks

    March 4, 2019 at 5:51 am #1074145
    Rikard

    Hey vbonora,

    I’m not sure if that would be possible, but send us a link to where we can see the element in question and we’ll have a look at it.

    Best regards,
    Rikard

    March 4, 2019 at 10:52 am #1074274
    vbonora

    Hi Rikard,
    I send you the link to the site. This site is not online and we are working on it. I hope you can help me.
    Thanks

    March 5, 2019 at 8:31 am #1074710
    Rikard

    Hi,

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

    @media only screen and (max-width: 767px) {
#footer .av_one_fourth:nth-child(1) {
  display: flex;
  -webkit-order: 4;
  order: 4;
}

#footer .av_one_fourth:nth-child(2) {
  display: flex;
  -webkit-order: 2;
  order: 2;
}

#footer .av_one_fourth:nth-child(3) {
  display: flex;
  -webkit-order: 3;
  order: 3;
}

#footer .av_one_fourth:nth-child(4) {
  display: flex;
  -webkit-order: 1;
  order: 1;
}
}

    Best regards,
    Rikard

    March 5, 2019 at 4:08 pm #1074939
    vbonora
    This reply has been marked as private.
    March 6, 2019 at 6:39 pm #1075588
    vbonora

    Hi Rikard,
    you can help me with this change is very urgent.
    Thanks

    March 8, 2019 at 8:38 am #1076259
    Ismael

    Hi,

    Thanks for the update.

    You need to add this code inside the css media query to enable the flexbox.

    #footer .container {
    display: flex;
    flex-wrap: wrap;
}

    FYI, you can also create a custom page and set it as footer in Enfold > Footer > “Default Footer & Socket Settings” panel. The elements’ Screen Options might come in handy if you want to display something different on mobile view.

    Best regards,
    Ismael

    March 8, 2019 at 10:58 am #1076286
    vbonora

    Perfect! it worked by adding the code.
    Thank you very much

    March 9, 2019 at 10:13 am #1076694
    Rikard

    Hi,

    Great, I’m glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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