Home › Forums › Basel support forum › Footer Alignment

Footer Alignment

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 22, 2016 at 6:46 am #8206

    Shawn Gray
    Participant

    Can you help me make sure the Media footer section is left marginalized on the mobile view? I added some custom code to make it center in the desktop view but I believe it’s throwing it off for mobile view. Can you help me resolve this alignment issue for mobile?

    December 22, 2016 at 12:55 pm #8218

    Artem Temos
    Keymaster

    Hi,

    Please, add the following code snippet to the Custom CSS in Theme Settings for mobile devices only

    .footer-container .widget_nav_menu {
    padding-left:0px;
}

    Regards

    December 22, 2016 at 6:27 pm #8225

    Shawn Gray
    Participant

    That code worked in moving it to the left and making left marginalized. The only problem is it is no longer centered on desktop view. How can I make it left marginalized on mobile but centered on desktop?

    December 22, 2016 at 7:48 pm #8230

    Artem Temos
    Keymaster

    Sorry, it is not quite clear for us what do you mean. Could you please create some sketches or screenshots?

    December 23, 2016 at 6:18 am #8240

    Shawn Gray
    Participant

    I need the middle footer section to be centered on desktop. I attached image.
    I need the middle footer section to stay left marginalized on mobile. I attached image.

    Attachments:
    You must be logged in to view attached files.
    December 23, 2016 at 9:26 am #8250

    Artem Temos
    Keymaster

    Thank you.

    Put this code for the desktop

    .footer-container .footer-widget {
    text-align:center;
}

    and this one for mobile devices

    .footer-container .footer-widget,
.footer-container .textwidget p,
.footer-container .textwidget ul {
    text-align:left!important;
}
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)