How can I modify the header of my Simple Theme website?

Store Design
1

Hi all,

I would like to remove the search bar in my header and move the “My account” link over near the shopping cart. Is this possible? If so, any idea how I will go about doing that?

Thanks so much!

My website: www.PennsylvaniaParks.org

2

Hi, @Justin34

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.scss.css ->paste the below code at the bottom of the file.
@media screen and(max-width:786px){
.top-bar.grid{
    display: grid;
    grid-template-columns: 8fr 2fr 1fr;
}
.top-bar__search{
   display: none;
}
#shopify-section-header > div.site-wrapper > div > div.grid__item.medium-up--two-fifths.small--hide{
text-align-last: center;
}
}
3

I pasted that code but unfortunately I don’t notice anything different on my website.

4

oh sorry for that Please try this code

@media screen and(min-width:786px){
.top-bar.grid{
    display: grid;
    grid-template-columns: 8fr 2fr 1fr;
}
.top-bar__search{
   display: none;
}
#shopify-section-header > div.site-wrapper > div > div.grid__item.medium-up--two-fifths.small--hide{
text-align-last: center;
}
}