vik-web
-
Posts
5 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by vik-web
-
-
Site URL: http://rust-lavender-rxjl.squarespace.com
Hi,
My website has a hamburger menu and I used a custom code to implement it. The hamburger navigation looks fine on the desktop website but it looks different on mobile website. Can someone please help me make the navigation the same for the mobile as it is for the desktop website?
Site URL: http://rust-lavender-rxjl.squarespace.com
Site password: mallorykaye1
Thanks!
-
On 7/22/2022 at 10:29 AM, tuanphan said:
Hi.
You can consider adding a Folder with items. Then we will use this CSS (Design > Custom CSS) to change Folder Title to Burger icon
a.header-nav-folder-title:after { font-size: 12px; content: "\e030"; font-family: 'squarespace-ui-font'; font-size: 50px; } a.header-nav-folder-title { font-size: 0; }
Hi @tuanphan
Thank you for the reply!
Your new code has perfectly left aligned the burger icon however the list of pages now appears when I hoover over the icon.
Is it please possible to make the list of pages appear only when I click on the burger icon and is it also possible to make the white background cover the whole window once you click on the burger icon?
Please see the an example image attached of how the website should look when someone clicks on the burger icon.Really appreciate your help!
Thanks! -
Site URL: http://rust-lavender-rxjl.squarespace.com
Hi,
Can someone please help me make the hamburger icon left aligned on the desktop website and also the text that appears after you click on the icon needs to be smaller and left aligned. I have attached a photo of a mockup how it should look.
Site password: mallorykaye1
I have used a custom code to implement the hamburger navigation in the website:
.header .header-burger{display:flex;}
.header-nav, .header-actions {display:none}.header--menu-open .header-menu {
opacity: 1; visibility: visible;
}
Any help will be much appreciated!
Thank you for your time!
Making the header navigation for mobile website the same as the desktop website
in Customize with code
Posted
Hi @tuanphan,
I mean the mobile hamburger icon has two lines and desktop hamburger icon has three lines. They need to be the same design style, both are either two lines or three lines.
Please let me know if you can help make the hamburger icon look the same on mobile and desktop?
Thank you for your time!