Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1079059

    Hello support,

    I’ve put “.logo {bottom: -2px;}” in Quick CSS, but for some reason, it’s only adjusting the logo downward on desktop and not on mobile…

    Can you help me out?

    • This topic was modified 2 months ago by  AuroraArcus.
    #1079139

    Hey AuroraArcus,

    Sure, it does not work because on mobile .logo’s positioning is set to static (which means top, bottom, left, right won’t work).
    Try add this css code:

    @media only screen and (max-width:767px) {
      .responsive #top .logo {
        margin-top: -2px;
      }
    }

    Best regards,
    Nikko

    #1079169

    Hi Nikko

    Ive put in the code, but it has no effect…

    @media only screen and (max-width:767px) {
    .responsive #top .logo {
    margin-top: -2px;
    }
    }

    Any idea why?

    #1079250

    Hi,

    Please add the code to the very top of quick css so it runs first. Also, be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1079789

    Hi Jordan,

    Ive added the code to the very top, cleared cache for the site 2 times, and also tried to run it in incognito. The logo is still standing at the same place.

    Can you look into it again:)?

    #1080077

    Hi AuroraArcus,

    Could you please attach some screenshots of the issue on your end?

    Best regards,
    Victoria

    #1086995

    Hello Victoria,

    Here is the link: https://drive.google.com/file/d/170WB341TI1r7fpPTzsj8dwHXA2j8MAmQ/view?usp=sharing

    Im not trying to pull up the logo on the mobile version. Im trying to pull it down from the top!!

    Theres a problem with this code!
    :@media only screen and (max-width:767px) {
    .responsive #top .logo {
    margin-top: 2px;
    }
    }

    Problem is that it pulls the entire screen down on mobile and leaves a grey area!

    Please help me out!

    #1088134

    Hi AuroraArcus,

    I apologize for the delayed response, I have added this css code in Quick CSS:

    @media only screen and (max-width: 767px) {
       .responsive #top .logo {
        padding-top: 5px;
      }
    }

    Let us know if you need further assistance.

    Best regards,
    Nikko

    #1088225

    Hi Nikko, it worked thanks,

    you can close the thread.)

    #1088305

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘.logo on mobile’ is closed to new replies.