Align menu with logo in venture theme

New Member
7 0 0

Hello,

 

Today i've attempted to move my logo to the left of the website header for aestethic reasons, now i wish to align the menu with the logo position. How could i do this?

 

Thanks alot in advance!

 

 

 

Voorbeeld left.png

0 Likes

Hello 

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
7 0 0

Hello,

 

My url is https://leftlaser.com/

However for some reason my site currently can't be reached. Is there any other way i could help?

0 Likes
Shopify Expert
665 170 199

Hi, @LeftLaser ,

This is Evita from On The Map.

 

You can try this code:

.nav-bar > .page-width {
    max-width: 100%!important;
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
7 0 0

Thanks for the suggestion, where should i add the code?

0 Likes

Hello 
You can add css here:
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
665 170 199

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

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
7 0 0

Thanks for the suggestions but whatever value i enter it doesn't effect the menu.

 

This is all that i have added to my theme.scss.liquid code, the rest is standard.

 

}
}

div#shopify-section-header.shopify-section {
background-color: #2B2A28;
}

footer.site-footer {
background-color: #2B2A28;
}.site-header__logo img {
@include media-query($large-up) {
display: block;
width: 100%;
max-width: 600px;
margin-top: -10px;
margin-bottom: -10px;
margin-left: -175px;

}
#SiteNavParent{
text-align:left;
padding-left: 100%;
}
.nav-bar > .page-width {
max-width: 200%!important;
}
}

0 Likes
Shopify Expert
665 170 199

Unfortunately, I need to see your store to help you.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Shopify Expert
665 170 199

You want it like this - https://prnt.sc/psroq7 ?

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes