How can I align the tab menu to the left of the logo on the Dawn theme?

Store Design
,
1

I’m using the Dawn theme and in the preview the menu is a tab style to left and the logo is center, but on my editing page all i can do it choose where i want both the menu and the logo so the tab menu is below the logo. How do I get the tab menu to the left of the logo on the same line? TIA!

2

@furgopottery - can you please share your website link?

3

www.furgopottery.com

4

@furgopottery - add this css to the very end of your base.css file and check, adjust number 2 as per the need for alignment

.header__inline-menu {grid-area: left-icon;}

.list-menu__item{padding-top: 2px;}

suyash1_0-1673230003512.png
suyash1_0-1673230003512.png1366×768 176 KB

5

Hi @furgopottery

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->base.css

.header__inline-menu {
    grid-area: left-icon !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

6

@furgopottery

Please add the following CSS code to your base.css bottom of the file.

.header__inline-menu {grid-area: left-icon;}
.list-menu__item{padding-top: 2px;}

Thanks!

7

@furgopottery

Please add the following CSS code to your base.css bottom of the file.

.header__inline-menu {grid-area: left-icon;}
.list-menu__item{padding-top: 2px;}

Thanks!

8

I tried this but now my search magnifying glass is covered by one of the menu items…is there a way to move the search button to the right of the page next to the shopping bag icon? (maybe to the left of the shopping bag?)

9

I tried this but now my search magnifying glass is covered by one of the menu items…is there a way to move the search button to the right of the page next to the shopping bag icon? (maybe to the left of the shopping bag?)