Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 4, 2021 at 2:31 pm #1314393
    PowerBusWay

    Hello,

    The logo on my website becomes tiny when viewed on a mobile phone. It’s comically tiny. How do I fix it?

    August 5, 2021 at 2:34 pm #1314675
    PowerBusWay

    I decided to have a slim header size and now the logo is small on desktop as well. When the header shrinks (since I have shrinking header activated), it grows to the normal size. Mobile continues to have the problem. Help would be appreciated.

    August 6, 2021 at 5:58 am #1314752
    Rikard

    Hi,

    You have padding applied to the logo:

    .logo img {
    padding: 38px;
}

    It looks to be added in Quick CSS, please check there and remove it if you can find it. If you need further help, then please include admin WordPress login details in private.

    Best regards,
    Rikard

    August 6, 2021 at 3:13 pm #1314858
    PowerBusWay

    Thanks for replying, Rikard.

    I removed the padding from Quick CSS and that seemed to have fix it on mobile to a certain extent.

    On desktop the logo is now stuck the top of the window instead of being properly aligned to the header.
    On mobile the logo is perfect but it’s overlapping the ‘Search’ icon. I tried turning off ‘Append search icon to main menu’, but that doesn’t truly turn it off for mobile, only desktop.

    August 6, 2021 at 3:38 pm #1314864
    PowerBusWay

    Ignore the comment about the mobile logo overlapping the Search icon. It took a while to update and now it’s fine on mobile. The desktop problem persists.

    August 8, 2021 at 2:42 am #1315074
    Nikko

    Hi PowerBusWay,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .logo {
    display: table;
}

#top .logo a {
    display: table-cell;
    vertical-align: middle;
}

    Best regards,
    Nikko

    August 9, 2021 at 3:32 pm #1315870
    PowerBusWay

    Thanks Nikko! It’s perfect.

    August 11, 2021 at 4:06 am #1316163
    Ismael

    Hi,

    Great! Glad we could be of help. Please do not hesitate to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Top-left logo becomes tiny in mobile’ is closed to new replies.