Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1230620

    Take look at this clip https://youtu.be/-mjB03FZuHE

    The icon is configured to appear only on hover, and it works fine on large desktop screens.
    But on narrow mobile screens it can cause problems (the button is too wide and gets pushed down)

    I would like to have every possible icon that is set to appear on hover, to always appear only for mobile devices. Is that possible?

    The button in the video is a button row.

    #1230742

    Hey Leofiori,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width:767px){
        #top .av-icon-on-hover .avia_button_icon {
            width: 30px;
            -webkit-transition: none;
            transition: none;
            opacity: 1;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

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