Baskerville 2: nav menu styling

• 

  nilla2014 · Member · Feb 15, 2019 at 11:16 am

  • Copy link

  Left icons as Baskerville 2’s default as don’t want to add more CSS.
  Many thanks

• 

  elizazh · Member · Feb 18, 2019 at 10:55 am

  • Copy link

  Hi @nilla2014,

  Sorry for my late reply. Are you still facing issues? You could also put some screenshots here as well :)

• 

  nilla2014 · Member · Feb 18, 2019 at 12:58 pm

  • Copy link

  Hi @elizazh

  No problem at all, I know you’re busy. :)

  The only issue I haven’t fixed is the social menu display on mobile devices when in portrait. The social menu overlaps the tops of my post: https://snag.gy/4hVGOS.jpg

  Landscape displays OK.

• 

  elizazh · Member · Feb 18, 2019 at 5:25 pm

  • Copy link

  Only on mobile you can do this (or whatever number suits you):

  .jetpack-social-navigation-svg .icon {
      height: 0.7em;
      width: 0.7em;
  }

• 

  nilla2014 · Member · Feb 22, 2019 at 3:14 pm

  • Copy link

  Hi @elizazh

  Thank you and that helped to reduce the icons nicely. I also added the following CSS for a tablet and removed [position: absolute] as the menu was positioning too low:

  
  @media screen and (max-width: 850px) {
  #menu-social.menu {
  bottom: -15em;
  text-align: -webkit-right;
  }
  }

  Hope it helps someone! :)