Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 1, 2019 at 3:18 pm #1073224
    gwoeginger

    Dear Support,

    1. I am using a svg as Logo and have already some custom css for it, but I would like to be also on the left side on mobile and in the sticky header.

    This is what the code looks like so far:

    /* Logooooo */ 

.logo img {
    width: 198px;
padding-top:10px;
padding-bottom:10px;
}

.container.av-logo-container {
    padding: 0px;
}

#top .avia-logo-element-container .slide-entry {
    padding: 30px;
}

    2. When you load the landing page you can see that the background image quickly resizes to the screen, which is kind of bumpy. Is there a more smoother way to this? I am using a color section here with a min height of 100% in the builder.

    Thank you in advance for your help!

    March 2, 2019 at 10:51 pm #1073762
    Victoria

    Hey gwoeginger,

    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 (min-width: 480px) and (max-width:767px){
     .responsive .logo img {
        left: -30vw;
    }
}

@media only screen and (max-width: 479px) {
    .responsive .logo img {
        left: -100px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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