Desktop Menu Type - Spotlight theme

Store Design
1

Hi all,

On my homepage, I am using the hamburger menu type. Under desktop menu type, I selected Drawer. Right now, the search icon is on the left hand side beside the hamburg menu. How do I move the search bar to the right hand side of the page so its beside the account login icon. I want it to be search, account login icon then cart. Id appreciate any help anyone can give.

My website is www.PPFMerch.com

Thank You!

2

Hi @Justin34

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

.header>.header__search {
    grid-area: icons !important;
    justify-self: flex-end !important;
}
.header--top-center.drawer-menu>.header__search {
    margin-right: 8.2rem;
}
3

Worked perfectly. Thank you :slightly_smiling_face:

4

Very welcome!