Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 19, 2017 at 11:35 pm #736131
    Munford

    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

    January 24, 2017 at 9:59 am #737630
    Ismael

    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

    January 24, 2017 at 12:25 pm #737681
    Munford

    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, 11 months ago by Munford.
    January 30, 2017 at 10:32 am #740103
    Ismael

    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

    January 30, 2017 at 12:06 pm #740141
    Munford

    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, 10 months ago by Munford.
    February 1, 2017 at 6:19 am #741000
    Ismael

    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

    February 6, 2017 at 6:11 pm #743503
    Munford

    thanks you can close this thread

    February 6, 2017 at 7:31 pm #743533
    Basilis

    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

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