Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 1, 2020 at 10:41 am #1242463
    charlotteraboff

    Hi,
    https://www.benestamgolfdesign.com/
    The menu does not look good on mobile as you can see the navigation is behind the logo.

    What code shall I add?

    Thanks
    Charlotte

    Mobile
    Horizontel

    September 2, 2020 at 9:34 am #1242735
    Rikard

    Hey Charlotte,

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

    @media only screen and (max-width: 767px) {
span.logo img {
  max-height: 55px;
}
}

    Best regards,
    Rikard

    September 2, 2020 at 9:56 am #1242746
    charlotteraboff

    Hi Rikard,
    Thanks but I don’t see any difference. I empty the cache in my mobile.

    Best regards
    Charlotte

    September 3, 2020 at 6:23 am #1242996
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css?

    Best regards,
    Jordan Shannon

    September 3, 2020 at 6:30 am #1242999
    charlotteraboff

    Hi Jordan,
    Yes, I did,

    Best regards
    Charlotte
    mobile

    September 4, 2020 at 5:01 am #1243206
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
span.logo img {
  max-height: 55px !important;
}
}

    Best regards,
    Rikard

    September 4, 2020 at 8:27 am #1243242
    charlotteraboff

    Thanks:) much better now

    Can we make a little space also between the meny icon and the social media icons?

    Best regards
    Charlotte
    mobile

    September 4, 2020 at 11:30 pm #1243457
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
.noLightbox.social_bookmarks icon_count_3{
left:20px!important;
}}

    Best regards,
    Jordan Shannon

    September 5, 2020 at 2:27 pm #1243608
    charlotteraboff

    Thanks Jordan but I don’t see any difference.

    Best regards
    Charlotte

    September 6, 2020 at 10:13 am #1243709
    Rikard

    Hi Charlotte,

    Please try this instead:

    @media only screen and (max-width: 767px) {
nav.main_menu .social_bookmarks {
  margin-left: 10px;
}
}

    You might have to decrease the max-height value for the logo after that as well. Otherwise the burger might cover it again.

    Best regards,
    Rikard

    September 7, 2020 at 12:06 pm #1243948
    charlotteraboff

    Thanks Rikard,
    I have tried to change max-height value as well but don’t see any difference.

    @media only screen and (max-width: 767px) {
    nav.main_menu .social_bookmarks {
    margin-left: 25px;
    }
    }
    @media only screen and (max-width: 767px){
    .noLightbox.social_bookmarks icon_count_3{
    left:10px!important;
    }}

    September 8, 2020 at 9:09 am #1244209
    Rikard

    Hi Charlotte,

    Thanks for the update. Maybe it would be easier if we add the CSS for you? If you want that then please post admin WordPress login details in private.

    Best regards,
    Rikard

    September 8, 2020 at 10:13 am #1244230
    charlotteraboff

    Yes, thanks.

    Best regards
    Charlotte

    September 8, 2020 at 7:13 pm #1244399
    Victoria

    Hi Charlotte,

    I added the code for you, please check if this is the right look. The code added is:

    

@media only screen and (max-width: 479px) {
    .responsive .logo img {
        width: 70%;
    }
    .responsive #top #wrap_all .av-logo-container.container {
        width: 95%;
        max-width: 95%;
    }
    #top .social_bookmarks li {
        margin-left: 6px;
    }
}

    Best regards,
    Victoria

    September 10, 2020 at 9:43 am #1244807
    charlotteraboff

    Thanks :) It looks good now.

    Best regards
    Charlotte

    September 10, 2020 at 10:41 am #1244847
    Victoria

    Hi Charlotte,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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