Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 31, 2023 at 8:26 am #1417650
    lfs360

    Hi, on mobile view at the moment the logo is too small and crosses over the search/menu/cart icons. I’d like to increase the header size (white space at the top) and centre align the logo/make it bigger. I think it the logo would need to sit at the bottom of the header, potentially with some padding at the top so it doesn’t interfere with the 3x icons and will effectively sit below it and center? Wondering if anyone knows some CSS wizardry for this? Screenshot and website provided. Thank you

    August 31, 2023 at 8:31 am #1417651
    lfs360

    Sorry forgot to say, because the logo is quite wide it probably needs to stretch fullwidth on mobile. Cheers!

    August 31, 2023 at 4:50 pm #1417705
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100%;
}
.logo a {
    max-height: 120px;
    height: 120px;
}
.responsive .logo img {
    display: table;
    margin: 0 auto !important;
}
}

    Best regards,
    Rikard

    August 31, 2023 at 11:15 pm #1417730
    lfs360

    Thank you Rikard. I entered the code and flushed cache but nothing has changed sorry :(

    September 1, 2023 at 1:48 pm #1417813
    Rikard

    Hi,

    I can see the changes on your site. Could you try to explain your intentions a bit further please?

    Best regards,
    Rikard

    September 1, 2023 at 1:51 pm #1417815
    lfs360

    Thanks Rikard it’s showing now. Thank you! What would be the best way to increase the size of the logo more with that code? Thanks again.

    September 1, 2023 at 2:53 pm #1417832
    Nikko

    Hi lfs360,

    Just adjust height and max-height value in Rikard’s code.
    Hope it helps.

    Best regards,
    Nikko

    September 20, 2023 at 4:33 am #1419637
    lfs360

    Thank you both. I have managed to make it larger but is there a way to stretch it (nearly) fullwidth? The smaller writing is still quite small to read on mobile.

    September 20, 2023 at 8:58 am #1419667
    Rikard

    Hi,

    It looks to be almost full width on my end already, I’m not sure if it can go much bigger unfortunately.

    Best regards,
    Rikard

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