Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 26, 2022 at 6:00 am #1337215
    larosadigital

    Hi there,

    I can’t figure out why the logo on this page:

    Home

    Is so ridiculously tiny. I tried the CSS you had for another user to set the width for the mobile menu logo, but that only made it wider and distorted it, not enlarged it. We actually want the logo to be about 30% of the screen and the mobile menu to be in the right hand corner.

    Can you let me know what I’m doing wrong in the CSS? I just can’t get this to work. Thank you! :)

    January 26, 2022 at 1:21 pm #1337283
    Rikard

    Hey Andrea,

    Did you try to set the header to custom pixel value under Enfold->Header? If not, then please try that out. If 300 pixels is not enough for you, then we can give you some custom CSS to use.

    Best regards,
    Rikard

    January 26, 2022 at 10:50 pm #1337371
    larosadigital

    Hi Rikard,

    Sorry, but isn’t that for the desktop header and logo size? As my post title says, my trouble is with the mobile logo being tiny, and the mobile hamburger menu being on the left instead of on the right hand corner. Thank you.

    January 28, 2022 at 4:52 am #1337607
    Rikard

    Hi,

    Thanks for the update. Please try this in Quick CSS to align the burger menu to the right:

    li.av-burger-menu-main {
  float: right; 
}

    I can’t see your logo being small though, please post a screenshot highlighting the problem, and what you would like to change.

    Best regards,
    Rikard

    February 6, 2022 at 8:34 am #1339147
    larosadigital

    Hi, sorry it took so long to respond. Here is a screenshot of the mobile version. As you can see, the logo is microscopic in the upper left corner and there’s a massive amount of white space at the top. I have no idea why this looks this way but it looks pretty silly. I’d like for the logo to be much larger – the upper left position is fine, but it should be large enough so that it’s at least flush with the bottom edge of the hamburger menu, if not slightly bigger than that. Thank you.

    View post on imgur.com

    February 6, 2022 at 12:38 pm #1339158
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.logo img {
    margin-top: 5px !important;
    padding: 0;
}
}

    Best regards,
    Rikard

    February 8, 2022 at 12:40 am #1339476
    larosadigital

    That worked to make it bigger, thank you. Not sure but the client might want it slightly larger than that, but I don’t see where to increase the size in that code – any ideas? Thanks again!

    February 8, 2022 at 9:02 am #1339541
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 90%;
}
.logo img, .logo a {
    max-height: 290px;
}
}

    Best regards,
    Rikard

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