Venture Theme - Header Grid Help

[DBryant912]

Hi Guys,

I have making changes to my site to move all header items onto one row and setup as follows:

Logo (Left Align) > Nav (Center Align) > Cart Icon (Right Align)

All works fine on mobiles so just desktops needed.

Would anyone be able to assist as i'm struggling with the grid layout.

Site link is: https://everglo-ring.com

Thanks 

Dan

[oscprofessional · Accepted solution]

Hello @DBryant912,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.cart-search .site-header__link {
	padding: 10px 5px;
}
#SiteNavSearchCart {
	float: left;
}
#SiteNavSearch {
	max-width: 30px;
}
#SiteNav {
	text-align: center;
}

[DBryant912]

Hi OSC,

I have added the below code and although it looks better the logo and nav need swapping locations, i'm looking to have the logo in the middle and nav on the left.

Thanks

Dan

[oscprofessional · Accepted solution]

@DBryant912,

Remove this css

#SiteNav {
	text-align: center;
}

Add below css in theme.scss

.flex-tab {
	display: flex;
}
.logo-block {
	order: 2;
	width: 46%;
	margin-top: 20px;
}
#SiteNavParent {
	order: 1;
	width: 50%;
}
.cart-search {
	order: 3;
	margin-top: 10px;
}

[DBryant912]

Looks great thank you, the only issue now is that the Logo is slightly off to the right and not center

Thanks for your help

[DBryant912]

All sorted by changing the width from 50% to 45% on the CSS.

Thank you so much for your help.

If anyone wants to know how to change Venture theme so that the Menu, Logo and Cart Icon all sit on a single header drop me a message.

Thanks

Dan

[ST7]

Hello! I saw the comment and I would like to know how to align the menu in the same line as the logo in the VENTURE theme.

Tnk

[routesart]

Hi Dan,

Just wondering how to get my logo, menu and cart on a single header here:

routesgallery.com

Thanks,

RIchard

[oscprofessional]

Hello routesart,

I checked this site it display shopify sign up.

Please share your site url correctly.

So that i will check for the best possibility to display all in one line.

[Des_lab7]

Hi @oscprofessional ,

I followed the first code you sent on the thread but so far not showing up in the same row/line for me:

Logo, menu ,  search , cart

Can you pretty please help me? Been trying to crack this for ages.

Our store URL is: 

https://drinking-fountain-super-store.myshopify.com/

The password is: superstore22

Thank you very much in advance.