Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #736131

    Hi guys

    I just checked a site below that I am updating in Safari and it’s displaying at a smaller container width.
    I have it set to 1310 px / 100% width but it’s much narrower in Safari and is cutting off the menu. Fine on Chrome and Firefox.
    Can you take a look? thanks!

    Nancy

    #737630

    Hey Munford!

    Thank you for using Enfold.

    Looks like it’s not loading the enfold_child.css file. Please try this code in the style.css file.

    .responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
        width: 1310px;
        max-width: 90%;
    }

    I also noticed that there are multiple instances of the same css media query. Example:

    @media only screen and (max-width: 480px) {
    .responsive #top .slideshow_caption .avia-caption-content { 
    font-size: 9px !important; 
    }
    .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
        padding: 0!important;
    }}
    
    /*fix padding on films under trailers*/
    @media only screen and (max-width: 480px) {
    .avia-video, .avia-iframe-wrap {
        margin-bottom: 0px;
    }}

    It can be simplified to this.

    @media only screen and (max-width: 480px) {
        .responsive #top .slideshow_caption .avia-caption-content { 
            font-size: 9px !important; 
        }
        .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
             padding: 0!important;
         }
         /*fix padding on films under trailers*/
        .avia-video, .avia-iframe-wrap {
             margin-bottom: 0px;
         }
    }

    Regards,
    Ismael

    #737681

    Thanks Ismael –
    that solved the overall width issue but now in safari it looks like the css is not being loaded – the fonts and borders on the page below are totally wrong, and the content is still narrow compared to how it should be. images below of both browsers. I have not seen this before on this site. Can you see what the problem is? It’s fine in Chrome/firefox. Kind of urgent as the site is live and needs to be fixed asap.
    thanks again
    Nancy

    • This reply was modified 7 years, 2 months ago by Munford.
    #740103

    Hi,

    There’s a lot of duplicated css media queries in the Quick CSS field that are not supposed to be there or that can be combined as described above. Please check if there are missing curly braces in the css media queries.

    Best regards,
    Ismael

    #740141

    Thanks I got it fixed & looks good on safari now.

    Can you recommend something to help consolidate redundant css?
    I used CSS lint, which catches errors but not really duplicates.
    thanks!
    N

    • This reply was modified 7 years, 1 month ago by Munford.
    #741000

    Hi!

    Can you recommend something to help consolidate redundant css?

    I don’t know of any tools for that so you might have to inspect those css declarations yourself and then combine them manually.

    Cheers!
    Ismael

    #743503

    thanks you can close this thread

    #743533

    Hi!

    Happy we can help
    Please do remember to rate our theme at themeforest, it is really helpful for us.

    Thanks a lot for your time and patience

    Regards,
    Basilis

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.