Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 8, 2019 at 10:03 pm #1116765
    rlapeyre

    Greetings,

    I added this code to center my logo on my website.

    div .logo { left: 40%; }

    The problem is on tablet when its held vertically the logo overlaps the menu. How would I resolve this?

    July 9, 2019 at 12:27 am #1116797
    Jordan Shannon

    Hey rlapeyre,

    Add this to quick css:

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
div .logo {
    left: 30%;
}}

    Best regards,
    Jordan Shannon

    July 9, 2019 at 7:48 pm #1117167
    rlapeyre

    Thanks for the reply,

    The logo still overlaps the menu when the ipad is vertical.

    July 10, 2019 at 7:39 am #1117299
    Rikard

    Hi,

    Please try this instead to have it all the way to the left:

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
div .logo {
    left: 0 !important;
}}

    Best regards,
    Rikard

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