Center logo and main menu - Venture Theme

watchrats
New Member
3 0 0

Does anyone know how to center both logo and main menu in Venture theme?
Been looking around for a solution but can not find it.

 

Menu watchrats.png

 

Our website URL is www.watchrats.shop

 

Much appreciated!

0 Likes

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.site-header__upper .small--text-center {
    text-align: right !important;
    padding-right: 5% !important;
}
#SiteNavParent {
    text-align: center !important;
    padding-left: 15%!important;
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Hank
Shopify Staff
Shopify Staff
1075 120 169

Hi, @watchrats,

Hank here from Shopify.

I see you have some great feedback from @oscprofessional, so be sure to let them know if that works for you!

But as you are using a Shopify theme and if you do need further assistance with this, let me know and I can follow this up for you with our theme developers!

 

All the best, Hank

Hank | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
watchrats
New Member
3 0 0

Thank you very much! It worked.

0 Likes
Anthony_Butler
New Member
6 0 0

Hi Watchcraft, 

 

 I tried the above solution too, but it did not work for me. Did you use any other code snippets for your website that might have affected logo placement?   Thank you. 

0 Likes
Nimmoh
New Member
1 0 0

This was so helpful. It worked

0 Likes
Aktham
New Member
2 0 0

@oscprofessional 

Hi,

thank you for the information, i copied and pasted the code you stated in the bottom of theme.scss.liquid that did make it almost center is there i can adjust it to make exactly center ? also can i possibly make the logo a littler wider ?

0 Likes
feralappalachia
Tourist
3 0 1

THANK YOU!!

0 Likes
Man90
New Member
2 0 0

@Aktham

Adjust the padding percentage to fully center what you need. instead of 5% try 10%, etc.

0 Likes
Jarrod87
New Member
1 0 0

Perfecto-mundo

0 Likes