Header and Footer Issues on iPad

footer header ipad issue issues logo responsive social icons tablet

- 9 years, 5 months ago image120
  Participant
  
  Hello,
  
  Unfortunately, my header and footer are not displaying properly when viewed on the iPad.
  
  Please note the following screenshots:
  
  https://drive.google.com/file/d/0B2ewNdVHp32ETFJ2c3BaemRjMFE/view?usp=sharing (header). Here, you’ll notice that the logo is being displayed behind the social icons…
  
  https://drive.google.com/file/d/0B2ewNdVHp32EVHlHWXpHNTAzNjQ/view?usp=sharing (footer). Here, the only issue is that the social icons aren’t all being displaying along the horizontal plane consistently – note the “mail” icon is out of line (below the rest of the other icons). I would like to fix this issue.
  
  Please advise me as to how I can go about fixing these problems.
  
  Thanks in advance for your help!
  
  Calvin
- 9 years, 5 months ago Ruco
  Keymaster
  Hello,
  
  Add this css code:
  
  @media (max-width: 979px) and (min-width: 768px){ #widget_shortcode-4 { margin-left: -2px; } .top_nav { height: 86px; } footer .inner .footer_social_icons li { margin-right: -5px !important; }
  
  Best regards!
  
  This reply was modified 9 years, 5 months ago by Mirela.
- 9 years, 5 months ago image120
  Participant
  
  Thank you!
  
  Calvin

Viewing 2 reply threads

You must be logged in to reply to this topic.