Support » Theme: Sydney » Center align social buttons on footer and sidebar for mobile

  • Resolved jjkkteam

    (@jjkkteam)


    Hi,

    For the site wannabethere.com

    Maybe I have some conflicting code. I’m trying to center align the social buttons in the footer for mobile, and center align the sidebar for mobile for the pages that include it.

    Here is the css code that I have currently.

    .widget_sydney_latest_news .roll-button {
    display: none;
    }
    body > .preloader{ display: none; }
    .widget-area .widget {
    padding-top: 0;
    }
    .site-info {
    text-align: center;
    }

    #gallery-1 {text-align: center;}
    figure.gallery-item {margin: 5px; width: 267px; display: inline-block;}
    .footer-widgets {
    padding-top: 25px;
    padding-bottom: 10px;
    }
    @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;
    }
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hello there,

    Try to add this CSS code:

    
    
    @media only screen and (max-width: 768px){
      .footer-widgets .social-media-button-container {
        display: table;
        margin-left: auto;
        margin-right: auto;
      }
    }
    
    

    Regards,
    Kharis

    Everything is centered now except the sidebar.

    Thank you again for all the help.

    I am checking your site on my phone, your sidebar is centered already.

    IMG 5447

    Have you been able to manage it?

    Regards,
    Kharis

    Hi,

    It must not be called the sidebar. If you go to the blog page and on the right side where it has a recent posts, archives, and categories. That’s what I’m also trying to center for mobile. Right now it aligns left in mobile.

    Thanks again for all the help

    I am sorry for my misunderstanding. Try adding this CSS code, please.

    
    @media only screen and (max-width:768px) {
      
      #secondary {
        text-align: center;
      }
      
    }
    

    Regards,
    Kharis

    That’s perfect. Thank you for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Center align social buttons on footer and sidebar for mobile’ is closed to new replies.