Solved

Brookly Theme Header and collection spacing

Lawrencereid
Shopify Partner
10 0 1

Hi all,

 

Ive recently added the below codes to gain a sticky header and reduce the spacing on my header, but it has now caused the collection text and product images to be covered slightly by the header. What can I do to resolve this?

Accepted Solution (1)

KetanKumar
Shopify Partner
36854 3637 11976

This is an accepted solution.

@Lawrencereid 

yes, please add this code


@Lawrencereid wrote:

Hi all,

 

Ive recently added the below codes to gain a sticky header and reduce the spacing on my header, but it has now caused the collection text and product images to be covered slightly by the header. What can I do to resolve this?

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.


.template-index .header-wrapper {position: fixed;}
.header-wrapper {position: relative;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

ExpertRookie
Shopify Partner
1518 249 314

Hi @Lawrencereid 
Thank you for your question. 
Please share your store URL, page URL and also password (if your store has one) so we can help you.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Lawrencereid
Shopify Partner
10 0 1

hi Sorry it 24-7 Vapes

store password is 247vapes

 

thank you

KetanKumar
Shopify Partner
36854 3637 11976

This is an accepted solution.

@Lawrencereid 

yes, please add this code


@Lawrencereid wrote:

Hi all,

 

Ive recently added the below codes to gain a sticky header and reduce the spacing on my header, but it has now caused the collection text and product images to be covered slightly by the header. What can I do to resolve this?

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.


.template-index .header-wrapper {position: fixed;}
.header-wrapper {position: relative;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lawrencereid
Shopify Partner
10 0 1

Hi KetanKumar

 

Thank you for the reply and solution this has worked perfectly.

 

thank you again,

 

kind regards

 

lawrence