How can I rearrange the header elements in the Dawn theme?

[Justin34]

Hi all,

I am using the Dawn theme. As you can see in the photo below, I would like to move the search, account, and shopping bag from where it currently is to the very top of the page. Then maybe my top navigation would go all the way across the page instead of the way it currently is. I just think it would look more professional.

Any ideas on how to do this?

My website is www.PennsylvaniaParks.org

Thanks so much in advance!!

[AvadaCommerce]

Hi @Justin34 ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

@media (min-width: 992px) {
    .header {
            align-items: unset !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[Justin34]

Worked perfectly Thanks again!!