Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 4, 2025 at 10:02 pm #1474640
    mikeb254

    Hi there :)

    Just bought Enfold and love it !

    I do have an issue with the logo on mobile.
    On PC version I want some white space on top of the logo… did this by adding css
    strong.logo img{
    padding: 20px 0px;
    }
    .logo img { position: relative; top: 20px; }

    But now my logo is not showing correctly on the mobile version. In addition to this I would love to have the logo a bit smaller on mobile….

    Thank you so much in advance

    January 5, 2025 at 12:10 pm #1474653
    Rikard

    Hey mikeb254,

    I’m not sure exactly how you are looking to change the logo on mobile, could you try to explain a bit further or post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    January 5, 2025 at 1:15 pm #1474658
    mikeb254

    Hi Rikard,

    Thanks for the response.

    On the websversion the logo looks fine. But when I switch to mobile, somehow the logo seems to “big” and the bottom of the logo is covered or something.

    I already made the logo pretty small, but it is not changing on the mobile version.

    Please see screenshots.

    https://postimg.cc/d76J0h1X mobile
    https://postimg.cc/w3Jb5S5x web

    thanks for your help!

    January 5, 2025 at 2:34 pm #1474663
    Mike

    Hi,
    It looks like you have this custom css:

    .logo img {
    position: relative;
    top: 20px;
}

    change to this:

    @media only screen and (min-width: 768px) { 
	.logo img {
    position: relative;
    top: 20px;
}
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    January 5, 2025 at 2:37 pm #1474664
    mikeb254

    awesome it worked !!

    January 5, 2025 at 2:47 pm #1474665
    mikeb254

    Quick other question…

    What is the css to create more space between images on the horizontal galery ? And can de rotation begin automatically, now it only starts with click :(

    Thanks so much
    Mike

    • This reply was modified 1 week, 2 days ago by mikeb254.
    • This reply was modified 1 week, 2 days ago by mikeb254.
    January 5, 2025 at 3:06 pm #1474668
    Mike

    Hi,
    I did not find a horizontal gallery on your site, but the element has three options, no gap, 1px gap, large gap:
    Screen Shot 2025 01 05 at 9.01.04 AM
    If large gap is not enough, please explain further and create a test page for us to examine.

    Best regards,
    Mike

    January 5, 2025 at 3:09 pm #1474669
    mikeb254

    It is on this page…https://www.linkspirits.nl/our-brands/

    Is there a custom css to overwrite the 3 standard options ?

    January 5, 2025 at 3:16 pm #1474671
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .av-horizontal-gallery-large-gap .av-horizontal-gallery-wrap {
	margin-right: 30px;
}

    adjust to suit.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 5, 2025 at 3:21 pm #1474672
    mikeb254

    Thanks so much … fixed it.

    Shall I make a new thread for the auto rotation issue ?

    January 5, 2025 at 3:56 pm #1474674
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for your understanding and using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Logo mobile menu’ is closed to new replies.