Shopify Expert - Media queries CSS work - Fix Header

Job ID: 34581319

Budget: €8 – €30 EUR

** PLEASE CHECK WORK IN DETAILS **

Hello,

Check this image: https://imgur.com/a/KZJQ1wh

I just want you change header for all Desktop/all laptop/all tablets (NO CHANGE FOR MOBILE).
Please use correct media queries to not forget any screen sizes.

Code in general for all desktop/laptop and tablets: min width 768

Code for ONLY tablets: min width 768 and max width 1223 (this code is for all tablets but not individual, you have to make individual so it looks good for all tablets screen sizes, iPad, iPad Mini, iPad Air, iPad Pro, Samsung Tablets ... etc).

Because padding/margin and some other elements can differ between desktop/laptop and tablets.
I also want hamburger menu on left and cart icon on right for tablets.

If there is not enough space for smaller tablets, you can remove the text "Panier" from the naviguation menu so you can gain more space size, you see ?

=> Because layout has to look good for all tablet size and al desktop/laptop sizes so need multiple media queries.

Code for ONLY desktop/laptop: min width 1224

You understand ?

Any questions let me know

Price: 20€

Thanks
Related categories: JavaScript CSS HTML Shopify Templates Shopify