Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1292729

    Hello Enfold support,

    I’m having troubles aligning the logo left on mobile devices. I’ve tried a lot of the solutions that i found in other topics but none worked for me. The website i’m working on is below in the private part. Can you help me out?

    Thanx,
    Maarten

    #1292869

    Hi Maarten,

    It seems the svg itself is centered and does not seem to be affected by the CSS codes added to change its alignment to the left.
    Can you try adding this CSS code in Quick CSS:

    @media only screen and (max-width:767px) {
      .responsive .logo img {
        transform: translateX(-25%);
      }
    }

    Best regards,
    Nikko

    #1292998

    Hello Nikko,

    Thank you, this seems to work a little bit. It depends on the size of your screen. When the screen is just below 766 pixels the menu changes into the hamburger menu and the logo still has about 70 pixels to much margin on the left side but when you make the screen smaller the margin gets smaller and at 400 pixels the logo is aligned left perfectly. Is it possible that the logo is aligned left immediately when the hamburger menu pops up? On my iPhone 8 in portrait it’s perfect but not in landscape and my client wants it to be aligned left.

    Best regards,
    Maarten

    #1293234

    Hi Maarten,

    Can you try to remove the code I gave and replace it with:

    @media only screen and (max-width:767px) {
      .responsive .logo img {
        max-width: 117px;
      }
    }

    Best regards,
    Nikko

    #1293236

    Hello Nikko,

    Thanks! This solved the problem.

    Best regards,
    Maarten

    #1293304

    Hi Maarten,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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

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