Center Align the TOP MENU : Showtime Theme

Highlighted
New Member
8 0 0

Hi All,

It's a small change that I wish to accomplish. As simple as it says in the subject line. i.e. Center Align the Main Menu 

store name: theskinmantra.com 
theme : showtime 

from what I have been able to figure out: the 2 files that need to change are : 
header-top.liquid
styles.scss.liquid

But Im not sure of the code snippet to be inserted to achieve. 

 

Much Thanks In Advance. 

 

0 Likes
Highlighted
New Member
8 0 0

Bumpity bump.  This is one forum where generally there are no crickets. But I do hear them today!   

Anyhow, any please ?

 

Cheers.

0 Likes
Highlighted
Explorer
119 19 28

Where do you want to set for the search and login icon If the menu is centered

 

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
Highlighted
Explorer
119 19 28

Try to add this code.
follow this path:
Themes => edit code => asset => style.scss.liquid
and add this code to bottom of the file style.scss.liquid

@media(min-width: 992px){
#nav .navbar {
display: flex;
}
#nav.navbar-nav.navbar-right {
    position: absolute;
    right: -0;
}
}

 

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
1 Like
Highlighted
New Member
8 0 0

Well they are right-aligned by default and that's where they would be.

 

Unless you are hinting that there is something wrong with that arrangement. 

 

 

Cheers, 
Me

0 Likes
Highlighted
New Member
8 0 0

Well , it has done the trick, Gracias. 


however, the menu items are not center-aligned and if you could suggest what could be done it truly center align ( below the logo). 


Thanks in Advance.

 

Regards.

Me

0 Likes