Home>Support>Social media icons in header. How to solve them moving into logo when in a responsive mode

Social media icons in header. How to solve them moving into logo when in a responsive mode

By angelaread, 10 years ago. Last reply by Greg Priday, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Social media icons in header. How to solve them moving into logo when in a responsive mode.
They interfere with logo when in responsive mode how do I solve this issue

URL: http://juliakatsivo.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 5 months ago Greg Priday
    Hi, I Work Here

    Hi Angela

    That’s related to the size of the logo. The logo occupies the entire header so the social icons have nowhere to go.

    You have 2 options. The first is to use custom CSS to move the icons below the logo. Add this to your custom CSS by navigating to Appearance > Custom CSS

    #header-sidebar {
   display: block;
   position: relative;
   padding: 0 !important;
   text-align: center;
}

#header-sidebar aside {
   float: none;
   display:inline-block;
}

    Another option is to remove the social icons from your header entirely and add them to somewhere like your footer.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More