tap targets (menu item size) in footer nav menu

Homepage Community Forums Aspire Theme Support tap targets (menu item size) in footer nav menu

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #19899
    BartA
    Customer

      Hi,

      I’m on a quest do improve my google pagespeed ranking.
      One last item with regards to mobile-user-friendlyness is that according to google
      the items in the footer menu navigation are positioned too close to each other.

      Ive been browsing through the stylesheet to find where to add margin/padding
      but i havent been able to find the spot.

      Can you help me out?

      Best regards,
      Bart

      #19920
      Wes
      Moderator

        Give me a sec and let me load up the menu on one of my local installs.

        #19921
        Wes
        Moderator

          Ok, if you haven’t made any adjustments in your style.css file then it should be located around line 1415 –

          /* Footer Navigation
          --------------------------------------------- */
          
          .nav-footer .genesis-nav-menu {
          	padding: 20px 0;
          }
          
          .nav-footer .genesis-nav-menu a {
          	border: none;
          	font-weight: 400;
          	letter-spacing: 3px;
          	margin: 0 20px;
          	padding: 0;
          }
          

          To increase the margin on the left and right of the links, you can adjust this – margin: 0 20px;. The 20px represents both the left and right margin together.

          I also just realized the space between the nav-footer and the bottom footer are too close (vertically), so I’ll be adding more space in a future update. This is what I’ll be adding –

          .nav-footer {
          	margin-bottom: 30px;
          }

          That will add more space to the bottom of the nav-footer.

          Let me know if that helps.

          #19926
          BartA
          Customer

            Thanks Wes, two thumbs up 馃檪

            #19927
            Wes
            Moderator

              You’re Welcome!

            Viewing 5 posts - 1 through 5 (of 5 total)
            • The topic ‘tap targets (menu item size) in footer nav menu’ is closed to new replies.