How do I left-align the text in the sub-menu of my Venture theme header?

Solved

How do I left-align the text in the sub-menu of my Venture theme header?

m4trixdev
Tourist
6 0 1

Hello,

does anyone know how I can change the text alignment of the sub menu in my header? I have managed to centre the header but I would like to align the text in the submenu to the left. The picture shows what I would like to achieve

Screenshot 2021-10-22 at 09.05.58 copy.png

For reference, I am using a venture theme and I have added the following customisation

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

Thanks

 

 

 

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1578

This is an accepted solution.

Hii, @m4trixdev 
Paste this code on top of the theme.scss file.

a.meganav__link.meganav__link--second-level {
    float: left !important;
}

Thank You.

View solution in original post

Replies 5 (5)

Zworthkey
Shopify Partner
5581 642 1578

hii, @m4trixdev 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

m4trixdev
Tourist
6 0 1

 

Thanks!

Zworthkey
Shopify Partner
5581 642 1578

This is an accepted solution.

Hii, @m4trixdev 
Paste this code on top of the theme.scss file.

a.meganav__link.meganav__link--second-level {
    float: left !important;
}

Thank You.

m4trixdev
Tourist
6 0 1

Amazing thanks!

Zworthkey
Shopify Partner
5581 642 1578

@m4trixdev 
Welcome!