Jump to content

How to fix the search bar? Mobile view issues!

Recommended Posts

Posted

1. For the mobile, is it possible to have the "Search Bar" a "Search Icon"? For some reason, the mobile search bar is located at the bottom of the page. and when I zoom out of my page, there's a random white space to the right. How can I fix this?

image.png.e826c086a39508db846327ba04c1c17f.png

2. Does anyone know how to move the Search Bar in between "Shop by Category" and "Best Sellers"? Is it possible to also make the header fixed?

3. How can I make the "Contact Us" look like theirs?

my website:

image.thumb.png.8317c72973cb689e51c333cc06b1fb6c.png

inspiration: 

image.thumb.png.5acdf3b404701da50f78419161b930de.png

 

Thank you!

  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

#1. Did you solve it? It looks fine to me

image.png.cd6b690f12bd766ece80a84e6044f348.png

#2. Move to this position?

image.thumb.png.146f11c408a5e64ecd773b5ed5b9bdbf.png

to make header fixed on scroll, you can use this code to Website Tools (under Not Linked) > Custom CSS

header.Header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999;
}

#3. You mean float Contact Us to right of black bar?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.