Okay
  Public Ticket #1013678
How to control size of logo on Nectar slider
Closed

Comments

  • Jacqui started the conversation
    January 9, 2017 at 2:20am

    Hello! I'm having issues controlling the size of the logo on the nectar slider. I am trying to make the logo smaller but when I paste the image url into the caption box, it automatically scales up the dimensions and makes the logo large and pixelated. How do I specify the size? Thanks in advanced :)

  •  8,464
    Tahir replied
    January 9, 2017 at 3:18pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .swiper-slide .content img {
    max-width: 20vw !important;
}

    Thanks

    ThemeNectar Support Team 

  • Jacqui replied
    February 3, 2017 at 5:39am

    Thank you for the reply. It adjusted the size of the logo nicely on larger screens but when I view it on my iphone it's really tiny. I tried using vh instead of vw and that worked when I scaled my window down on my computer screen but it had no effect on the mobile device.. the logo is still very tiny. Is there a way to fix this? Thanks!

    https://unfettereddomestic.com/home/


  •  8,464
    Tahir replied
    February 3, 2017 at 4:20pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 691px) {
    .swiper-slide .content p img {
        max-width: 50vh !important;
    }
}
@media only screen and (max-width: 690px) and (min-width: 1px) {
    .swiper-slide .content p img {
        max-width: 20vh !important;
    }
}

    Thanks


    ThemeNectar Support Team