Support » Plugin: CMP - Coming Soon & Maintenance Plugin by NiteoThemes » Skewed Layout on Safari doesn’t work

  • Resolved rpjludeke

    (@rpjludeke)



    The layout of our site looks fine on Chrome on desktop and mobile, but on Safari the skewed layout is not showing and the entire layout just looks off.

    Any help would be appreciated!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author NiteoThemes

    (@niteo)

    Hello @rpjludeke, please try to insert following CSS code into CMP Settings > Custom CSS

    .skew .content-wrapper:after {
        z-index: 0;
    }

    That should help!

    thanks Alex

    Hi Alex,

    Thanks that change made it work on Safari, but now the slider images are not showing on mobile – tried mobile Safari and Chrome, both don’t work.

    This is all the custom CSS I have at the moment…

    .social-list i {
      color: #808080;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    .section-body {
        min-height: calc(100vh - 20em);
    }
    
    @media only screen and (max-width: 560px) {
    .section-body {
        min-height: initial;
        padding: 0 1em;
    }
    	
    .social-list {
        height: 5em;
    }
    .social-list a {
        height: 4em;
    } }	
    .graphic-logo {
        max-width: 250px;
    }
    @media only screen and (max-width: 1024px) {
    #slider-wrapper, #background-wrapper {
        z-index: -1;
    }}
    .skew .content-wrapper:after {
        z-index: 0;
    }
    
    Plugin Author NiteoThemes

    (@niteo)

    Add this last CSS and you should be OK 🙂 I will update Fifty theme with this code as well..

    @media only screen and (max-width: 1024px) {
    .skew .content-wrapper:after {
        display: none;
    }}
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.