Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 1, 2018 at 8:52 am #979724
    waldmeister42

    Hello,

    I want the burger icon to stick at the top of my page on mobile devices.
    I’ve tried all the css snippets I could find in the forum in 2 hours…

    ———DOES NOT WORK ON IPHONE————
    @media only screen and (max-width:767px)
    {
    .responsive #top #wrap_all #header
    {
    position: fixed !important;
    }}

    @media only screen and (max-width:767px) {
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    }
    ———DOES NOT WORK ON IPHONE————

    It seems that the iphone browser ignores the setting?!
    Can you plese help me?
    thank you in advance

    July 3, 2018 at 2:59 am #980360
    Mike

    Hey waldmeister42,
    Have you tried clearing your browser cache?

    Best regards,
    Mike

    July 22, 2018 at 7:50 pm #988467
    CassieRamos

    Sorry to crash this thread but for some reason I can not create my own. Anyways I want to make the burger menus icon to be a different icon than the three lines. Is this possible?

    July 22, 2018 at 8:16 pm #988477
    Mike

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

    .av-hamburger::before {
    content: url(https://png.icons8.com/flat_round/50/000000/list.png);
    display: block;
    padding-top: 15px;
}
.av-hamburger-inner {display:none!important;}

    Or try adding to WordPress > Customize > Additional CSS
    and adjust the padding-top to suit.
    2018-07-22_141516

    Best regards,
    Mike

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