Community Forums › Forums › Archived Forums › Design Tips and Tricks › Problem with my web in Safari
- This topic has 6 replies, 2 voices, and was last updated 8 years, 10 months ago by caballoganador.
-
AuthorPosts
-
January 28, 2016 at 10:48 am #177737caballoganadorMember
The header of my website It's not showing in Safari browser. What could be the reason ?
Thank You!
http://www.juliafarre.esJanuary 29, 2016 at 4:12 am #177808Victor FontModeratorThis is very hard to diagnose with your HTML minimized. Sometimes minification can cause issues like this. I would turn off minification to assist with finding the root cause for this issue.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?January 29, 2016 at 8:14 am #177818caballoganadorMemberHello, thank you very much for your reply. I deactivated the W3 Total Cache I would be grateful if you could assist me with the problem.
Thank You!
January 30, 2016 at 5:56 pm #177935Victor FontModeratorThe first thing I see is that your site doesn't validate: https://validator.w3.org/nu/?doc=http%3A%2F%2Fjuliafarre.es%2Fca%2F
Safari is unlike other browsers in that it doesn't try to correct HTML. When Firefox and Chrome encounter HTML that has minor errors, such as a missing open or close tag, the will add the tags so the page displays correctly, or as near to correctly as possible. Safari won't do this. When I view your source code I'm seeing things that don't make sense. For example, around line 218 you have this:
<div class="entry-content" itemprop="text"> <div class="vc_row wpb_row vc_row-fluid"> <div class="wpb_column vc_column_container vc_col-sm-12"> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <div style="text-align: center;"> <iframe width="700" height="393,25" src="https://www.youtube.com/embed/7IpLI_nIQB4?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe></p> <div> <p style="text-align: justify;"> </div> </div> </div> </div> </div>
You got an opening paragraph tag wrapped in a div without a closing tag. You also have a closing paragraph tag after the iframe without an opening paragraph tag. So you've definitely got a problem with the way your tags are being nested. The nesting issue is so bad, the validator gave up reading the page and quit around line 350. You need to clean up your HTML before we can go any further.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?January 31, 2016 at 5:50 am #177952caballoganadorMemberThank you for your response victor . I am not an html technical expert (If I were probably I would't write here). I Understand that may be there are errors in my html code (Probably generated by wordpress plugins because I've never edit this code).
Anyway , I would be very grateful if someone could help me with the header problem in my site , which is my only concern.
Thank you
January 31, 2016 at 6:04 am #177953Victor FontModeratorThe header problem may be caused by the HTML errors. Any HTML or JavaScript errors will cause other problems not related to those errors. You have to fix the HTML errors to determine the root cause for the header problem. If you can't fix this yourself, consider hiring a developer to work on your site because admin access is required. You won't get the header fixed with repairing the known issues first. You have too many issues on your site to get them resolved in a forum.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?February 1, 2016 at 6:16 am #178031caballoganadorMemberFinally I had help from the support team. It was as easy as renaming the header image without accents.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.