Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1197683

    Team:

    I have two questions regarding the mobile presentation (smartphone) of my page:

    https://snipboard.io/AScuF9.jpg

    (i) the search icon is too low relative to the burger menu and also cuts into the content area – see screenshot (red arrow). How do I change that?

    (ii) I’d like to have a bit more white space between the top header and the content area (green arrow), just like on the desktop display of my page.

    Best and thanks a lot,
    Magnus

    #1197928

    Hi Magnus,

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

    @media only screen and (max-width: 767px) {
    #menu-item-search {
        line-height: 60px;
    }
    #header_main {
        padding-bottom: 20px;
    }
    }

    Best regards,
    Rikard

    #1197993

    Thanks, that indeed added the desired space. But the burger and the search icon are still misaligned:

    https://snipboard.io/aLQRJS.jpg

    Thanks,
    Magnus

    #1198108

    Hi Magnus,

    This code needs to work on big screens only and so needs to be wrapped in the media query:

    
    .av-main-nav > li > a {
        bottom: -35px;
        position: relative;
    }
    

    like this:

    
    @media only screen and (min-width:990px){
        .av-main-nav > li > a {
            bottom: -35px;
            position: relative;
        }
    }
    

    Best regards,
    Victoria

    #1198535

    Hi Victoria:

    that last code does not change anything: burger and search icon are still misaligned:

    https://snipboard.io/JOaKxz.jpg

    Thanks,
    Magnus

    • This reply was modified 1 week, 4 days ago by  mbosse99.
    #1198681

    Hi Magnus,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1198780

    Yes please – see private box! Magnus

    • This reply was modified 1 week, 4 days ago by  mbosse99.
    #1198873

    Hi Magnus,

    I added the code for you, please check.

    Best regards,
    Victoria

    #1199016

    Excellent, this indeed solves it – thank you very much for the quick help over the weekend! Magnus

    #1199447

    Hi Magnus,

    Glad we could help :)

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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.