Display Folder on Mobile

Site URL: https://duck-buffalo-k3d3.squarespace.com

Hello! 

I would like to display my folder (menu) on mobile rather than the hamburger button.

I disabled the hamburger button with:    .header-burger {display: none!important}

But cannot figure out how to show the folder - which is visible on desktop

Hope you can help!

Add to Home > Design > Custom CSS

I think 991px will better, It covers both tablet & mobile

@media screen and (max-width:991px) {
.header-burger.no-actions {
    display: none;
}
.header-nav {
        display: flex !important;
        flex: 30% !important
    }

    .header-title {
        flex: 50% !important
    }
}

Can someone help me out? Id like to add my folders to my mobile view on my site.

hickoryhillsfamilydental.com

pathfinders123

On 7/1/2021 at 4:36 AM, PathfinderJake said:

Can someone help me out? Id like to add my folders to my mobile view on my site.

hickoryhillsfamilydental.com

pathfinders123

I see desktop menu, on mobile now. Did you solve this? If no, can you explain in more detail?

How do i edit the hamburger menu looks?

On 7/17/2021 at 4:31 AM, PathfinderJake said:

How do i edit the hamburger menu looks?

Change bold, width, height or?

On 7/17/2021 at 8:29 PM, tuanphan said:

Change bold, width, height or?

Color of the blocks, text font, color of text, adding social icons, etc.

On 8/3/2021 at 4:39 AM, PathfinderJake said:

Color of the blocks, text font, color of text, adding social icons, etc.

Add to Design > Custom CSS

.tweak-mobile-bar-menu-icon-hamburger .Mobile-bar-menu .Icon--hamburger {
    stroke: red;
    stroke-width: 3px;
}