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, 15 days 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