Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 23, 2015 at 10:11 am #507577
    theplattrust

    Hi,

    When I view the site (which is still in progress) on a phone, the mobile ‘hamburger’ menu and the cart icon overlap the main logo. It is fine in landscape.

    iPhone Screenshot

    iPhone landscape

    I want to keep the logo the same size on the desktop site, but have it smaller on the responsive site, or specify a different version of the logo and have it left justified to make room for the mobile menu and cart icon.

    1. Is there a way to specify a size for the logo and justify it left?

    I want it to look like this

    2. Can I change the alignment position of the mobile menu to go UNDER the logo on small screens?

    3. Can you specify a separate logo and alignment for a mobile device?

    September 23, 2015 at 3:29 pm #507893
    Elliott

    Hey Tim!

    Add this to your custom CSS.

    .responsive .logo img {
    max-height: 40px !important;
    top: 50%;
    transform: translateY(-50%);
}

    You can change it’s size with the max-height property.

    If you want to use a completely different logo for mobiles then try this out, https://kriesi.at/support/topic/using-a-different-logo-size-on-mobile-devices-possible/.

    Cheers!
    Elliott

    September 24, 2015 at 6:30 am #508168
    theplattrust

    Thanks for that, however all it is doing is shrinking the logo for the main desktop layout as well.

    Desktop Version

    So can I keep the desktop version the size it is while shrinking the mobile menu.

    Otherwise can we move the mobile menu across?

    September 24, 2015 at 4:49 pm #508608
    Elliott

    Hi!

    Sorry, surround it with this.

    @media screen and (max-width: 767px) { 
.responsive .logo img {
    max-height: 40px !important;
    top: 50%;
    transform: translateY(-50%);
}
}

    Best regards,
    Elliott

    October 23, 2015 at 11:59 pm #524152
    Gekko101

    This helped me also, thank you.

    October 26, 2015 at 7:22 am #524665
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

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