Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 15, 2019 at 10:36 am #1079059
    AuroraArcus

    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 5 years, 1 month ago by AuroraArcus.
    March 15, 2019 at 2:22 pm #1079139
    Nikko

    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

    March 15, 2019 at 4:04 pm #1079169
    AuroraArcus

    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?

    March 15, 2019 at 9:37 pm #1079250
    Jordan Shannon

    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

    March 18, 2019 at 10:13 am #1079789
    AuroraArcus

    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:)?

    March 18, 2019 at 9:45 pm #1080077
    Victoria

    Hi AuroraArcus,

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

    Best regards,
    Victoria

    April 4, 2019 at 11:45 am #1086995
    AuroraArcus

    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!

    April 8, 2019 at 5:41 am #1088134
    Nikko

    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

    April 8, 2019 at 10:35 am #1088225
    AuroraArcus

    Hi Nikko, it worked thanks,

    you can close the thread.)

    April 8, 2019 at 3:03 pm #1088305
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘.logo on mobile’ is closed to new replies.