How can I align a button next to the FAQ on the navigation bar?

[Kakapo]

Hello, could anyone tell me how do i align the button next to the FAQ?

[Denishamakwana · Accepted solution]

Please add below css code in bottom of assets/theme.scss.css file

ul.site-nav {

           display: flex;

          align-items: center;

}

Thank you.

[Denishamakwana · Accepted solution]

Please add below css code in bottom of assets/theme.scss.css file

.site-header__icons-wrapper {

                width: auto;

}

Thank you.

[lunaworks]

Kindly post a link to your store

[Kakapo]

@lunaworks 

www.okiara.com

[Denishamakwana]

Hi,

Please ON right click .

Thank you.

[Kakapo]

@Denishamakwana 

already DISABLE the right click function. kindly proceed.

Thank you!

[lunaworks]

@Kakapo , do you have coding knowledge? if yes I can guide you to fix the issue but if no then you'll have to grant me collaborator access to your theme so I made the changes for you.

[Kakapo]

@lunaworks 

i dont mind collaborator access. Can you PM me?

[Denishamakwana · Accepted solution]

Please add below css code in bottom of assets/theme.scss.css file

ul.site-nav {

           display: flex;

          align-items: center;

}

Thank you.

[Kakapo]

@Denishamakwana 

ive already done it. but how do i put it right next to the FAQ. there is a gap between FAQ and the button

[Denishamakwana · Accepted solution]

Please add below css code in bottom of assets/theme.scss.css file

.site-header__icons-wrapper {

                width: auto;

}

Thank you.

[Kakapo]

@Denishamakwana 
Thank you so much for the fix.

but the button doesn't show on mobile. How do i enable it to show on mobile?

[Kakapo]

@Denishamakwana 

how do i make the whole thing center of the page? it isn't center of the website.

[Denishamakwana · Accepted solution]

Please try this and check it  work or not.

Please add below css code in bottom of assets/theme.scss.css file

ul.site-nav {

        justify-content: center;

}

Thank you.

[Kakapo]

@Denishamakwana 
Yes it worked. 

But how do i enable the button in Mobile? it shows on PC browser but not on Mobile browser.

Kindly assist thank you!

[Denishamakwana]

Hi,

I checked  it in my device .

It need some code customization from  admin side .

Please give as accepted solution and like if your problem is solved.

Thank you.

[Kakapo]

@Denishamakwana 

What are the codes to enable it?

[Denishamakwana]

hi

no need to enable the code but it need add button code in mobile navigation section.

Thank you.