Remove social icons on Responsive site?

  • Is there a way to remove the social icons from the header on the responsive site? I have the site just like I want it, except for the social icons overlap the header when it goes to a mobile site. I would rather just remove the icons, as they are also located in my footer, than try to adjust the header to make it work for both the full size and responsive version. (I have tried and tried to resize and adjust, and it never works for both). Thanks for the help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter janaglass

    (@janaglass)

    Or, if it would work, I wouldn’t mind moving the header logo down a bit. Right now the icons overlap the header. I have made my header a full width and the icons are aligned right. I just want them to not overlap.

    onecharmingmonkey.com

    Hi,

    In your Theme Options -> Custom CSS
    Please use the following.

    @media screen and (max-width: 768px) {
 .header {
    height: 150px !important;
  }
  #logo-image {
    margin-top: 50px !important;
  }
}

    Clear your mobile browser cache before viewing your website.
    The codes will increase your header in mobile and push down the logo in mobile.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove social icons on Responsive site?’ is closed to new replies.