Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 12, 2019 at 10:48 am #1126758
    SilviaNT

    Hi,

    I’d like to know how to make the mobile menu sticky with an email icon next to it (only on burger menu.. so it shouldn’t be carried onto the desktop menu).

    The logo should shrink on scroll, similar to what it does in desktop.

    I have inserted a link below with a website which has something similar to what I’d like to achieve with the mobile menu. You will need to view the website with a mobile device.

    Thanks.

    • This topic was modified 5 years, 3 months ago by SilviaNT.
    August 13, 2019 at 4:08 am #1127053
    SilviaNT

    Hi,

    I was able to make the menu sticky by looking at the enfold documentation.

    I’d like to know now how to add the email icon next to the burger menu.

    I have added a link to an image below.

    As you can see the email icon is too small and it should be right next to the burger menu on the left side.

    How can I change this?

    Please ignore the overlap of the burger menu and search icon into the title/breadcrumb section, this is another issue I have to fix in a different thread.

    • This reply was modified 5 years, 3 months ago by SilviaNT.
    August 15, 2019 at 7:53 pm #1128022
    Victoria

    Hey SilviaNT!

    Best regards,
    Victoria

    August 16, 2019 at 1:03 am #1128108
    SilviaNT

    Hi Victoria,

    This was just a example website with the email icon as i wish to have on my website.

    A picture of my website is below.

    Thanks

    August 18, 2019 at 11:39 am #1128628
    Victoria

    Hi SilviaNT,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    September 4, 2019 at 7:05 am #1133631
    SilviaNT

    Hi Victoria,

    I was able to follow this thread (see below) and get a email icon in the main menu area.

    However, this thread says it will show it next to the burger menu, but I can see the icon in desktop view too.

    How can a add custom CSS to this function – @media only screen and (min-width: 768px) – to make it so that it only shows up for small mobile screens?

    Add Phone Icon Next Burger Menu Icon on Mobile

    • This reply was modified 5 years, 2 months ago by SilviaNT.
    September 4, 2019 at 8:12 pm #1134061
    Victoria

    Hi SilviaNT,

    I cannot find the link to your website anymore. Can you please share it again?

    Best regards,
    Victoria

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