Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #536022

    Hi!

    I’m having some trouble getting everything working with the Enfold theme.

    I’ve created this page to show you what I mean: http://seattledevicerepair.com/test/

    I noticed the problem recently, everything worked perfectly for a few months. I can’t figure out why it suddenly quit.

    I’ve used the default Layer Slider, as you can see, it isn’t functioning normally and doesn’t disappear when the window is scaled down to mobile size.

    Also, the 4 buttons across the bottom should appear only on mobile.

    The 4 buttons look like this:

    `<span class = “mobile”>
    4 Buttons Code Block Here
    </span>`

    Also, I have this in my Custom.css

    .mobile { display: none; }
    .desktop { display: block; }
    @media only screen and (max-width: 479px) {
    .mobile { display: block !important; }
    .desktop { display: none !important; }
    }
    

    And this to hide the Layer Slider on Mobile

    @media only screen and (max-width: 479px) {
    .avia-layerslider { display: block !important; }
    }

    Thanks!
    Matt

    #536368

    Hey Matt,

    I’m only seeing the buttons on smaller screens, did you manage to get it fixed?

    Regards,
    Rikard

    #536425

    Hey! Actually I think I did, looks like it was a problem with custom.css being minified.

    Seems to be working now.

    Thanks!
    Matt

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Layer Slider broken and mobile/desktop only css not working.’ is closed to new replies.