Solved

How to move search icon to the right on homepage - dawn theme

fbcgirl24
Explorer
74 0 15

Can someone please provide a code to move the search bar icon on mobile version a little to the right so that its not so close to the drop-down menu icon. Thanks in advance!! 

 

FeminiqueByCameron LLC - Quality Comfortable Sleepwear

fbcgirl24_0-1709653821150.jpeg

 

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7558 1461 1457

This is an accepted solution.

 

Hi @fbcgirl24 

You can do that by using this code 

@media (max-width: 749px) {
.header__icon.header__icon--search.header__icon--summary {
    left: 12.5% !important;
}
}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7558 1461 1457

This is an accepted solution.

 

Hi @fbcgirl24 

You can do that by using this code 

@media (max-width: 749px) {
.header__icon.header__icon--search.header__icon--summary {
    left: 12.5% !important;
}
}

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

fbcgirl24
Explorer
74 0 15

one more thing, how can i add a link to the photo in my footer section.

Web capture_6-11-2023_85255_www.feminiquebycameron.com.jpeg

Not applicable

Hi @fbcgirl24 

following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> in theme.liquid
<style>
@media screen and (max-width: 767px){
  .header__icon.header__icon--search.header__icon--summary {
      left: 16.5% !important;
   }
}
</style>

fbcgirl24
Explorer
74 0 15

I should have been more specific, I want to add the link to my stores main homepage in my footer section photo.