Show social media icons on mobile screen by default

  • Resolved brokendown

    (@brokendown)


    7 years, 4 months ago

    Hi again,

    I’d love for the social media icons to show in a centred position at the top of the mobile screen render, as opposed to having to click the 3 line menu icon to access them.

    I don’t need the menu at all really, just the social media icons. Is there a way I can get them to show by default on media screens? I have managed to do this on Mac screen by hiding the ‘.menu-primary-items’ and commanding the social media icons not to float (float:none) by doctoring some code I found elsewhere in the forum.

    Anyway to achieve this on mobile/tablet also would be amazing!

    Many thanks in advance ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Sure, if you don’t mind the menu being hidden to then this is pretty easy. We can basically “open” the menu area by default and hide the button like this:

    .toggle-navigation {
  display: none;
}
.social-media-icons {
  margin-bottom: 0;
  float: none !important;
}
.social-media-icons li:first-child a {
  margin-left: 0;
}
.menu-primary {
  display: none;
}
.menu-primary-container {
  max-height: none;
  text-align: center;
}

    The code above will hide the menu too, so you can replace the current code you have doing that (just to ensure compatibility).

    Thread Starter brokendown

    (@brokendown)

    Amazing! This worked a treat.

    Thanks Ben ??

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Show social media icons on mobile screen by default’ is closed to new replies.