Venture theme - MENU bar centering

Highlighted
Tourist
6 0 2

Hi everyone!

 

Does anybody know how the CSS/code to make the menu options centered? they annoyingly stay towards the left of the page

 

Thank you in advance! :-)

2 Likes
Shopify Expert
2684 67 830

Hi Jake, 

adding this ath the bottom of your theme.scss.liquid  Asset  will move your menu to the center.

#SiteNavParent{
    text-align:right;
}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
Tourist
6 0 2

Hi

 

Many thanks for that. It doesn't seem to move it - but if i put text-align; centre it just puts that drop down menu back up in the corner... its so confusing why it just won't center!

 

Thank you!

0 Likes
Highlighted
Shopify Expert
2684 67 830

Jake, you have this printed out after each menu item. This text is not visible, but affects formatting and  alignment.


                      
                      
      
                      ".SiteNavParent"
                      {
                       text-align: auto;
                      }
                      
                      

                    

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
Tourist
6 0 2

Hi Tim

 

Thank you so much for your speedy reply. I found one instance of that in the header css file and removed it - everything seems to have moved to the left of the page now. It looks better but still not in the middle!

 

I can't work out what i'm doing wrong!!

Many thanks

0 Likes
Highlighted
Shopify Expert
2684 67 830

Now, whith that problem fixed, try this rule at the bottom of your theme.scss.liquid Asset

#SiteNavParent{
    text-align:center;
    padding-left: 20%;
}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
3 Likes
Highlighted
Tourist
6 0 2

Tim, that worked! Your an absolute asset to this forum!

 

thank you so much :-)

 

Jake.

0 Likes
Highlighted
New Member
4 0 0

Hi,

I did this to my website, and it worked. However, now  at the bottom of my homepage there is plain text with the code. How do I remove this? 

Thanks,
Ludvig

0 Likes
Highlighted
Shopify Expert
2684 67 830

Hard to say without looking at the actual site. Canyou share a pasword from the Online Store->Preferences: Password page?

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
1 Like
Highlighted
New Member
4 0 0

This is what it looks like from the site.

0 Likes