responsive problems with safari browser

custom css for safari browser

- 7 years, 8 months ago marco.centrodellaceramica
  Participant
  
  Expired
  Hi,
  
  I am coming back to an issue already discussed and solved for
  
  https://www.centrodellaceramica.innovaimpresa.com
  
  regarding adjustments of top menu items, site logo and mobile menu position.
  
  We applied this custom css code to solve visibility problems:
  
  @media (max-width: 480px){ .header_10 #logo { left: 5% !important; } .mobile_small_menu { top: 70% !important;} #logo img {max-height: 42px !important;} } @media (max-width: 1179px){.top_nav .widget ul li a { color: black !important;}} @media (max-width: 1179px){.top_nav { display: block !important;}} @media (max-width: 1179px){ .top_wrapper { padding-top: 80px !important; }} .list li.simple { font-size: 18px !important; padding-bottom: 12px !important; }
  
  It’s all ok, BUT NOW I DISCOVERED THAT ON SAFARI BROWSER IT SEEMS NOT WORKING.
  IT SEEMS THAT THESE CSS CUSTOM CODES DO NOT WORK ON SAFARI
  
  Could you help?
  Regards
  Marco
- 7 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  Can you please be more specific? I opened the site from a mobile device using safari browser and all elements are showing. See this screenshot: https://postimg.org/image/3l52ulhwx7/
  
  Can you please point it out in this screenshot what is not correct? So i can understand your point of view..
  
  Best regards!
- 7 years, 8 months ago marco.centrodellaceramica
  Participant
  
  Expired
  
  Hi Mihaila,
  
  there is nothing wrong in your screenshot. The site view on your safari seems ok.
  
  Please look at my screenshot here:
  
  https://www.marco-marino.it/safari-issue-centrodellaceramica/
  
  It is a sample of what happens on my safary.
  
  The same happens on safari from iphone.
  
  It’s strange that it doesn’t happen on your safari.
  
  Is it more clear now?
  
  Regards
  
  Marco
- 7 years, 8 months ago marco.centrodellaceramica
  Participant
  
  Expired
  
  So you can check the issue also from safari on desktop of you reduce the browser window.
  
  Plesa help,the clients needs to publish the site
  
  Thank you
  
  Marco
- 7 years, 8 months ago Mirela
  Participant
  Hello,
  
  I opened the site in safari from Samsung S6 edge (last screenshot), Ipad (profile and landscape) and the layout was very ok. Please see the respective screenshots from the ipad: https://postimg.org/gallery/3el1e85jw/
  
  I can suggest adding some padding to the header. Try this css:
  
  @media (max-width: 979px){ header#header .row-fluid .span12, .header_wrapper { padding-top: 21px !important; }}
  
  Result screenshot (by resizing safari window in desktop): https://postimg.org/image/86bayzla6z/
  Let us know.
  
  Best regards!
- 7 years, 8 months ago marco.centrodellaceramica
  Participant
  
  Expired
  
  Hey Mihaila,
  
  adding your suggested css seems to solve the problem.
  
  I think it’s solved
  
  Thanks a lot
  
  Marco

Viewing 5 reply threads

You must be logged in to reply to this topic.

Community Forums

responsive problems with safari browser

Site Links

Useful Articles

Login