Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 24, 2017 at 7:27 pm #881387
    2eminds

    Hi

    I’d like to reduce footer socket height on mobile.

    Please see attached link to view what it looks like at the moment.

    Also is there a way to center social media icons on mobile below the copyright text?

    Many thanks

    Risa

    November 25, 2017 at 4:34 am #881472
    Nikko

    Hey 2eminds,

    Try adding this css code in Quick CSS:

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

  #footer .av_one_fifth, #footer .widget {
    margin: 0 !important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    November 25, 2017 at 1:18 pm #881578
    2eminds

    Perfect! Thank you for your help.

    November 25, 2017 at 1:28 pm #881586
    2eminds

    Hi, sorry another request.

    Is there a way to place social media icons on mobile ABOVE the copyright text?

    Many thanks

    November 25, 2017 at 5:34 pm #881678
    Nikko

    Hi,

    Yes, it’s done. I have switched the location of copyright and social media icons. Then to center and position the social media icons properly I added this css code in Quick CSS (located in Enfold > General Styling):

    #socket .social_bookmarks {
    float: left;
   margin-left: 0 !important;
    margin-bottom: 24px;
    text-align: center;
    width: 100%;
}

#socket .social_bookmarks li {
    float: none;
    display: inline-block;
}

    Hope it’s good :)

    Best regards,
    Nikko

    November 26, 2017 at 12:39 pm #881868
    2eminds

    Perfect! Thank you.

    November 26, 2017 at 4:44 pm #881912
    Nikko

    Hi,

    Glad to hear that. Thanks for using Enfold! We will be closing this thread :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Reduce Footer Socket height on Mobile’ is closed to new replies.