Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 30, 2020 at 7:37 pm #1180060
    manjii

    Hi,
    I would like to adjust top padding of the logo on desktop only, i’ve added the css below and it works but seems it affected the mobile version logo as well.

    #header_main {
    padding: 20px 0;
    }

    so how to make it just adjust the desktop version only?
    Logo now is display on the left

    Thank you,
    Manjii

    January 31, 2020 at 6:33 pm #1180332
    Nikko

    Hey manjii,

    Try to use this code:

    @media only screen and (min-width:1025px) {
  #header_main {
    padding: 20px 0;
  }
}

    Hope it helps :)

    Best regards,
    Nikko

    January 31, 2020 at 8:24 pm #1180397
    manjii

    perfect!! thank you

    btw i just realize need to adjust the logo top padding and left padding in tablet too

    I’ve tried this code but seems not working

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    #header_main {
    padding: 20px 0;
    padding-left:50px;
    }
    }

    February 1, 2020 at 6:18 am #1180451
    Nikko

    Hi manjii,

    The code you posted will only work on tablet in portrait mode but not on landscape.
    Tablet in landscape mode is atleast 1024px in width.

    Best regards,
    Nikko

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