Hi, I’m making a new version of my store with the Dawn theme. Because the one I have is old, but I like the way the current theme looks on tablets better (image 2). Would it be possible to make it look like this in the Dawn theme with the layout on tablets in portrait mode? Before I had the hamburger menu, I managed to remove it, but I can’t center the logo and the menu. (image 1). That would be for the portrait view on tablets, on mobile I have it fine. On the PC version the only thing is that the search magnifier goes to the left, would it be possible to group everything together too?
Link; https://fafeo750hqvu0cdw-53578137750.shopifypreview.com
1 Like
Hi @Violetacostas , it seems there are 2 instances of the search magnifier (class header__search):
The upper one is the search magnifier on the left, the bottom one the one the right. If the window size decreases it automatically switches between these two:
The greyed out ones aren’t shown. If you want the search magnifier on the right on PC (or larger screens in general), you have to override the CSS rules that cause this behavior (base.css:108).
Hi @Violetacostas
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
I added the code you provided, and it worked. Thank you! But on the product page, the logo shifts back to the left. Can this be fixed?
Hi @Violetacostas
The preview is already expired.
https://zgiwmmvskxqudxjy-53578137750.shopifypreview.com
Hi! That’s true, sorry. I’ll add the link again, thank you very much
