Okay
  Public Ticket #1914395
Image buttons too big on mobile
Closed

Comments

  • Melanie started the conversation

    Hello,

    The images (buttons) are too big for the mobile device. How can i make this smaller in the most efficient way?

  •  3,028
    Andrew replied

    Hi Melanie,

    Thank you for contacting us.

    You can use custom css to adjust the size of the fancy box for mobiles. The following below in an example you may need to edit.

    @media only screen and (max-width: 690px){
        .nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-rendered-layer > div.bg-img{
            background-position: 0 12%  !important;
        }
        .nectar-fancy-box .meta-wrap{
            min-height: 300px !important;
        }
      
        .nectar-fancy-box[data-style="parallax_hover"] .meta-wrap .inner{
            padding: 10% 0px !important;
            top: 90px;
        }
    }
    

    7966513129.png


    Regards