Okay
  Public Ticket #2334055
fancy box on mobile
Closed

Comments

  • lucacontini started the conversation

    I noticed that the animated text, inserted in the fancy box, works correctly on the desktop, but has a big error on mobile. I attach photos.

  •  9,059
    Tahir replied

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    @media only screen and (max-width: 999px) {
        .nectar-fancy-box[data-style="hover_desc"] > .inner > .heading-wrap {
            position: relative !important;
        }
        .nectar-fancy-box[data-style="hover_desc"] .hover-content {
            position: relative !important;
            opacity: 1 !important;
        }
    }

    Thanks



    ThemeNectar Support Team