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

Solved

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

Kakapo
Excursionist
24 0 2

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

Accepted Solutions (3)

Denishamakwana
Shopify Partner
1408 173 231

This is an 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.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

View solution in original post

Denishamakwana
Shopify Partner
1408 173 231

This is an accepted solution.

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

.site-header__icons-wrapper {
                width: auto;
}
Thank you.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

View solution in original post

Denishamakwana
Shopify Partner
1408 173 231

This is an 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.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

View solution in original post

Replies 16 (16)

lunaworks
Shopify Partner
452 44 48

Kindly post a link to your store

If my solution fixed your issue, please mark my solution as solved.
In need of custom solutions? Please DM.
Kakapo
Excursionist
24 0 2
Denishamakwana
Shopify Partner
1408 173 231

Hi,

Please ON right click .

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Kakapo
Excursionist
24 0 2

@Denishamakwana 

already DISABLE the right click function. kindly proceed.

Thank you!

lunaworks
Shopify Partner
452 44 48

@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.

If my solution fixed your issue, please mark my solution as solved.
In need of custom solutions? Please DM.
Kakapo
Excursionist
24 0 2

@lunaworks 

i dont mind collaborator access. Can you PM me?

Denishamakwana
Shopify Partner
1408 173 231

This is an 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.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Kakapo
Excursionist
24 0 2

@Denishamakwana 

Kakapo_0-1663046264205.png

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
Shopify Partner
1408 173 231

This is an accepted solution.

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

.site-header__icons-wrapper {
                width: auto;
}
Thank you.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Kakapo
Excursionist
24 0 2

@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
Excursionist
24 0 2

@Denishamakwana 

Kakapo_0-1663048319762.png

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

Denishamakwana
Shopify Partner
1408 173 231

This is an 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.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Kakapo
Excursionist
24 0 2

@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
Shopify Partner
1408 173 231

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.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Kakapo
Excursionist
24 0 2

@Denishamakwana 

What are the codes to enable it?

 

Denishamakwana
Shopify Partner
1408 173 231

hi

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

Thank you. 

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme