[Resolved] Mobile Platform

Home Forums Support Mobile Platform

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1519004
    jim

    Dear Support,

    I upload a demo site from the site library (Avery).

    While uploading the logo I noticed that it’s not being implemented for mobile devices. Still the ”avery” one.

    any idea how to fix?

    thanks

    #1519219
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Layout > Header and change the Mobile Header Logo

    #1519222
    jim

    thanks David!

    #1519237
    David
    Staff
    Customer Support
    #1519405
    jim

    Now it’s fine but the logo is not placed correctly within the area

    #1519536
    Leo
    Staff
    Customer Support

    Looks like the mobile header logo is a little too big.

    Can you link me to the page in question?

    #1520041
    jim

    here you are Leo.

    thanks

    #1520297
    David
    Staff
    Customer Support

    Yes, the issue is with the size of the logo. The logo image itself has a lot of white space around it it would be best to trim the white space from the original logo and upload a new image for the mobile header.

    Alternatives are:

    1. Reduce the Mobile Menu Item height in Customizer > Layout > Primary Navigation.
    The logos display size is based on that value.

    2. If you don’t want to reduce the menu item height – add this CSS:

    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 60px;
    }
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.