Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

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.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password