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

Center align social buttons on footer and sidebar for mobile

  • Resolved jjkkteam

    (@jjkkteam)


    3 months, 3 weeks ago

    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)
  • Kharis Sulistiyono

    (@kharisblank)

    3 months, 3 weeks ago

    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

    jjkkteam

    (@jjkkteam)

    3 months, 3 weeks ago

    Everything is centered now except the sidebar.

    Thank you again for all the help.

    Kharis Sulistiyono

    (@kharisblank)

    3 months, 3 weeks ago

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

    IMG 5447

    Have you been able to manage it?

    Regards,
    Kharis

    jjkkteam

    (@jjkkteam)

    3 months, 3 weeks ago

    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

    Kharis Sulistiyono

    (@kharisblank)

    3 months, 3 weeks ago

    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

    jjkkteam

    (@jjkkteam)

    3 months, 2 weeks ago

    That’s perfect. Thank you for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.

Views