Topic: How to Create a Mobile Only Menu Like This

Paul
February 21, 2024 at 9:06 am

yes, thank you, 2 more things.

1. while tapping on the hamburger, a blue shade pops and disappears.
2. And i need the menu like this, i mean the hamburger menu and the X icon while close and also to reduce the size of the circle.

Ying

February 21, 2024 at 10:41 am

1. It’s likely added by browser, not something that we can control.

2. Not sure I understand your question, you want to reduce the toggle’s size? If so, modify your existing CSS, you can reduce its width , height and font-size.

nav#mobile-header .menu-toggle {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 0;
    position: fixed;
    right: 12px;
    top: 12px;
    z-index: 10000000;
    font-size: 24px;
    background-color: var(--accent);
    color: #fff;
}

Paul
February 22, 2024 at 6:38 am

Thank you, now the issue is solved.
Ying
February 22, 2024 at 9:51 am

You are welcome 🙂

Viewing 4 posts - 17 through 20 (of 20 total)

← 1 2

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

How to Create a Mobile Only Menu Like This