A user seeks help repositioning header elements (login, shopping bag, and search bar) in their Shopify theme. They want the login and shopping bag icons placed below the search bar, spaced at opposite ends with text on one line.
Initial Request:
Solution Provided:
Dan-From-Ryviu provided custom CSS code to be added to the theme.liquid file after the <head> tag, which successfully repositioned the elements.
Follow-up Adjustments:
The discussion is ongoing with the user seeking additional refinements to the header layout for both desktop and mobile views.
Hi all, could someone please help me put the ‘login’ and ‘shopping bag’ below the search bar and spaced at each end with the text all on one line. When I inspect the element, it looks like all 3 are part of the same grid. Thanks 
Currently how it looks:
How I want to look:
The theme I’m editing is dawn and isn’t currently applied to my site.
Thanks
Could you share your store link?
Hi @Melodie1990
Can you please share your store URL
Hello @Melodie1990
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi Dan the theme I’m making the changes to isn’t applied to my store, does that matter?
You can share preview link of that theme.
Thank you, think I managed that via the link I pasted above 
You share the link of live theme.
https://www.rialine.co.uk/?_ab=0&_fd=0&_sc=1 This is link that i get from the method you kindly provided me with.
Amazing thank you so much! 
Sorry to be a pain, is there anyway to adjust the styling to be the following please?? :
Code update
Thank you SO much for your help 
Hi Dan,
Sorry to be a pain, is there anyway I can have everything aligned with the logo as the search bar is slightly higher at the moment.
Also would be grateful if there was a way to show it different on mobile so it looks something like this?
Thanks so much
Hi Dan, sorry to trouble you again. Is there anyway to show the original login/cart icons on mobile and keep the text on desktop at all please? Thank you 
