Okay
  Public Ticket #419129
reponsive
Closed

Comments

  • carlos started the conversation
    April 22, 2015 at 4:18am

    How can I get my logo to adapt to the mobile screen size? I'm using a full width background with two mouse based parallax scene layers...

    http://aquatika.mx/

    Thanks!


  •  8,849
    Tahir replied
    April 22, 2015 at 2:10pm

    Hey,

    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: 690px) {
    div[style*=AQUATIKA21] {
        background-size: 140% !important;
        background-repeat: no-repeat;
    }
}

    Thanks


    ThemeNectar Support Team 

  • carlos replied
    April 22, 2015 at 4:19pm

    Thanks for the quick reply!

    Got the logo adjusted, but what about the rest of the background? How can I get that area to be shorter only on the mobile version?? Otherwise it looks weird a lot of space above and under the logo...

  •  8,849
    Tahir replied
    April 22, 2015 at 5:16pm

    Hey Again,

    If you followed the steps correctly in this video:

    It should resize on mobile automatically.

    Thanks

    ThemeNectar Support Team