As the title suggests I want to use the mobile/tablet header when using desktop PC without having to narrow the browser window. This is in relation to the mobile friendly built-in dynamic theme Dawn 2.0, which will swap into tablet mode when the window is narrowed, what do I need to paste in to mak…

@Revan - you can remove the css given above and please add this complete css and check, should be like screenshot below @media screen and (min-width: 990px){ .header--middle-left {grid-template-areas: "drawer heading icons"; grid-template-columns: auto 1fr auto;} header-drawer {display: initia…

Sure thing, 4-onlineservices.myshopify.com @suyash1

@Revan - do you want like this? [suyash1_0-1644604508269.png] [suyash1_1-1644604526581.png]

@Revan - if you want like above screenshots then please add this css to the very end of your base.css file and check @media screen and (min-width: 990px){ .header--middle-left {grid-template-areas: "drawer heading navigation icons";} header-drawer {display: initial !important; grid-area: drawer;}…

Hello mate, that is almost it but would it be possible to have it how it is when the window is narrowed? i.e. (removes links, centres logo) - you can see this by clicking and dragging your window to become narrow and the default theme will convert into tablet mode. Much appreciated, are you running…

[Screenshot 2022-02-12 045601.png] @suyash1

Thank you so much your solution worked perfectly and easily. @suyash1

(Dawn 2.0) I want to use the mobile/tablet header on PC without having to narrow the browser window.

Store Design

suyash1 February 11, 2022, 3:42pm 2

@Revan - can you please share the page link? it may need css

Topic		Replies	Views
How can I customize the Dawn theme header for both desktop and mobile? Store Design design , header , customizations , css , shopify-themes	1	26	January 5, 2024
Dawn 2.0 theme header size web-mobile how can i change? Store Design	16	74	September 26, 2021
How can i change mobile view to be like desktop? with drop down? Store Design menu , design , customizations , css , shopify-themes , troubleshooting	2	32	March 6, 2023
Dawn theme Menu Bar width size for Desktop & mobile Store Design	7	65	September 3, 2022
Shrink Header Text and Move Down on Dawn Theme Store Design	3	21	September 8, 2022

(Dawn 2.0) I want to use the mobile/tablet header on PC without having to narrow the browser window.

Related topics