How can I adjust header size and positioning in Dawn theme?

Technical Q&A
1

Hey all!

I’m using Dawn theme, and I wonder how can I:

  • Enlarge the Header text (Contact Us, Submit a request…)
  • Remove the Search and Cart Icons in the header
  • Move the text to the right side of the page.

https://fastisus.com/

Thanks!

2

Hi !

This would be done via changing the stylesheet of your theme (via css).

Go to Online Shop menu, and under ‘Actions’ of your theme, click on ‘Edit code’.

Now go to the file called ‘base.css’.

Go right at the end and paste this → replace [XX] by the font-size you want in px (for example 18px).

.header__menu-item{
font-size: [XX]px;
}

.header--middle-left {
grid-template-areas: "heading navigation";
grid-template-columns: auto auto;
column-gap:2rem;
justify-content: space-between;
}

Hope it helps, if so, don’t hesitate to mark my answer as the accepted one ;).

Cheers

1 Like