Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 11, 2017 at 12:56 pm #850457
    nadinedomnink

    Hi, you already adjusted the header of the mobile version but the menu button is a bit too much on the left. Could you give me some code to have it lined up precisely with the image underneath? That would be great – thanks!

    Nadine

    September 11, 2017 at 10:14 pm #850694
    Basilis

    Hey nadinedomnink,

    What mobile browser are you at?

    Best regards,
    Basilis

    September 12, 2017 at 8:18 pm #851226
    nadinedomnink

    Apple

    September 12, 2017 at 8:19 pm #851227
    nadinedomnink

    But you can also check it with the customizer – there you see the same problem

    September 12, 2017 at 8:42 pm #851233
    nadinedomnink

    Apart from moving the mobile button a bit to the right, is it also possible to make it a bit smaller?
    Thanks a lot!

    September 13, 2017 at 7:24 am #851397
    Rikard

    Hi,

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

    @media only screen and (max-width: 767px) {
.av-burger-menu-main.menu-item-avia-special {
    margin-top: 40px!important;
}
.av-hamburger-box {
    width: 30px !important;
}
}

    Best regards,
    Rikard

    September 14, 2017 at 5:19 pm #852199
    nadinedomnink

    Hi, sorry, that doesn’t work – the button moves down not to the right. Could you please check…thanks a lot!

    September 16, 2017 at 9:06 pm #852945
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px){
.responsive #top .av-logo-container .avia-menu {
    left: 20px!important;

    }}
    please see screenshot in Private Content area

    Best regards,
    Mike

    September 17, 2017 at 8:45 pm #853128
    nadinedomnink

    Hi, it works for the mobile version, but in the desktop version everything shrinks…any other idea? Thanks!

    September 17, 2017 at 9:52 pm #853139
    Mike

    Hi,
    It looks like the last two } didn’t make it in the code block, so that would brake it. Please try this:

    @media only screen and (max-width: 767px){
.responsive #top .av-logo-container .avia-menu {
    left: 20px!important; }
}

    Best regards,
    Mike

    September 18, 2017 at 2:04 pm #853392
    nadinedomnink

    wonderful! thanks!

    September 19, 2017 at 6:59 am #853721
    Rikard

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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