This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

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

Open 1 reply premiumthemetheme-vantage
angelaread
11 years ago · Last reply by Greg Priday 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Greg Priday Staff 11 years, 1 month ago

    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.

Have a different question or issue?

Start New Thread