How to center align side bar for mobile

  • Resolved jjkkteam

    (@jjkkteam)


    6 years, 12 months ago

    Hi,

    My site is wannabethere.com

    Trying to figure out how to center align the side bar and also the fourth column in the footer.

    I found and used the following css code from this very helpful forum

    @media only screen and (max-width: 768px){
    .footer-widgets, .footer-widgets .sidebar-column {
    text-align: center;
    }
    }

    It worked perfectly for the first three columns of the footer, but kept the last column aligned left.

    I really appreciate all the help. Thank you in advance

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    6 years, 12 months ago

    expand that CSS to:

    @media only screen and (max-width: 768px){
  .footer-widgets, 
  .footer-widgets .sidebar-column,
  .footer-widgets h5, 
  .footer-widgets form, 
  .footer-widgets .social-media-button-container {
    text-align: center;
  }
}
    Thread Starter jjkkteam

    (@jjkkteam)

    6 years, 12 months ago

    Everything in the footer centered except for the social buttons.

    Also the pages with the sidebar, the sidebar is still aligned left.

    But I do appreciate the help.

    Michael

    (@alchymyth)

    6 years, 12 months ago

    try and add !important to the style;

    like:

        text-align: center!important;
    Thread Starter jjkkteam

    (@jjkkteam)

    6 years, 12 months ago

    That fixed the social buttons.

    The sidebar is still not centered.

    Again, thank you for the help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to center align side bar for mobile’ is closed to new replies.