Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 25, 2020 at 3:00 pm #1197683
    mbosse99

    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

    March 26, 2020 at 5:16 am #1197928
    Rikard

    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

    March 26, 2020 at 11:50 am #1197993
    mbosse99

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

    https://snipboard.io/aLQRJS.jpg

    Thanks,
    Magnus

    March 26, 2020 at 4:53 pm #1198108
    Victoria

    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

    March 28, 2020 at 10:38 am #1198535
    mbosse99

    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 5 years ago by mbosse99.
    March 28, 2020 at 9:14 pm #1198681
    Victoria

    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

    March 29, 2020 at 7:22 am #1198780
    mbosse99

    Yes please – see private box! Magnus

    • This reply was modified 5 years ago by mbosse99.
    March 29, 2020 at 5:42 pm #1198873
    Victoria

    Hi Magnus,

    I added the code for you, please check.

    Best regards,
    Victoria

    March 30, 2020 at 8:53 am #1199016
    mbosse99

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

    March 31, 2020 at 7:01 pm #1199447
    Victoria

    Hi Magnus,

    Glad we could help :)

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

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