I have laid an image on top of a nectar slider image by pasting the image code into the caption section of the nectar slider preferences. It is the perfect size on a desktop screen but for some weird reason it is very tiny on mobile. I would like to increase it's size and position.
I thought that there may be a problem with margins keeping it from scaling automatically, so I tried doing this:
@media only screen and (max-width: 1000px) and (min-width: 1px) {
body .contact .swiper-slide[data-x-pos="right"] .content p {
margin: -30px;
margin-top: 20px;
}
}
Hello!
I have laid an image on top of a nectar slider image by pasting the image code into the caption section of the nectar slider preferences. It is the perfect size on a desktop screen but for some weird reason it is very tiny on mobile. I would like to increase it's size and position.
I thought that there may be a problem with margins keeping it from scaling automatically, so I tried doing this:
@media only screen and (max-width: 1000px) and (min-width: 1px) { body .contact .swiper-slide[data-x-pos="right"] .content p { margin: -30px; margin-top: 20px; } }
How could I do this? Thank you!!
Hey ,
@media only screen and (max-width: 1000px) and (min-width: 1px) { .swiper-slide[data-x-pos=\"right\"] .content { width: 100% !important; } }
Best.
ThemeNectar Support Team
Thank you Tahir!!