Hi All, I am looking to change my header mobile only. I want to put the magnifying glass (search icon) on the left side next to the hamburger menu. I then need to add a clickable button next to the basket. website URL: https://label-source.co.uk/ [BE493AB3-34A0-400D-8336-F229121E1603_1_201_a.jpe…

that is now added in [codewithpaul_0-1656944733304.png] I tried to keep a consistent style, it was trickier than i first thought due to the position:absolute . Please email me at contact@codewithpaul.com if you have any questions and i can show you how to remove the code too. Thanks,

@LabelSource Please Share Store URL… and Please Like And Accept Solution

URL: https://label-source.co.uk/ this would be on mobile only like the above image. I have a sell to us button on my navigation menu for desktop

Hi , I made a short video to this on how you would do it in the dev tools as I don’t have access to your theme but I think it gives a good idea on what to do https://youtu.be/Z7HaxZ6My88

Thanks Paul, really appreciate your help! do you also know how i can now add a separate icon/button in place of where our search icon originally was?

what would this button do? link to a new page?

Got cha! Right how I would do this is to edit the code and insert the button beside the basket and edit the css. Normally for navigation you’d use an a tag and style it like a button for accessibility. .whatever_button_class_is { display: none } Then in the media query for mobile set it to be …

understandable mate, ive generated you a collaborator code: 4096 does this help? or do you need more from me to access? Thank you

Perfect! just requested access now. feel free to email me at contact@codewithpaul.com

Paul that is spot on thank you! is it possible to remove the outer box and have just an underline under the word? i think it is rather large in comparison to the other icons! but overall exaclty what was needed thank you!

How can I rearrange icons in my mobile header?

Store Design

LabelSource July 4, 2022, 1:10pm 10

Yes, we have an existing menu in our navigation for our ‘sell to us’ form. we would like a button nextto the basket in our header that would take people there too. like the below website

Topic		Replies	Views
How can I add a clickable button to my mobile header? Store Design design	3	142	April 11, 2023
Move search icon in mobile to left side of header Store Design design	5	86	September 3, 2025
How can I move icons in my mobile header? Store Design menu , design , header , css	3	42	April 23, 2024
How can I add a search icon to my mobile site? Store Design design , customizations , css	1	37	March 23, 2023
How can I rearrange header icons in Dawn theme for mobile view? Shopify Discussion troubleshooting	5	74	September 15, 2023

How can I rearrange icons in my mobile header?

Related topics