Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #979724

    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

    #980360

    Hey waldmeister42,
    Have you tried clearing your browser cache?

    Best regards,
    Mike

    #988467

    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?

    #988477

    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

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