How can i change mobile view to be like desktop? with drop down?

Store Design
, , , , ,
1

Im using the theme dawn 8.0.0 and the website is https://inshade.shop/

2.png
2.png354×692 39.1 KB

1.png
1.png1539×881 145 KB

2

Hi @inShade ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

@media screen and (max-width: 990px) {
    .header--middle-center {
        grid-template-areas: "navigation heading icons";
        grid-template-columns: 1fr auto 1fr;
        column-gap: 2rem;
    }
    header-drawer {
        display: none !important;
    }
    .header__inline-menu {
        display: inline-block !important;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

1 Like
3

Thanks it seems that i will stick to the drawer because it doesnt look as good as the drawer but that fixed the issue so thanks

1 Like