Dawn Theme - Center Header Menu

Dawn Theme - Center Header Menu

Tags
Dawn Theme
Published
Published April 21, 2022
Author
LamQSolutions

Intro

To center the header menu like the following image, you can follow steps below.
notion image

Solution

Step 1

Go to file Assets > base.css

Step 2

Add the following code at the bottom of the file
@media (min-width: 990px) { .header .header__inline-menu { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .header .list-menu--inline { display: flex; justify-content: center; } }
 

You may be interested in our Shopify app

Ultimate Sections - Slideshow, Gallery, FAQs, Brand, Testimonial and more
Scrolly Telling - Create scroll-based animations visually.