Solved

Announcement bar is not displaying in impulse theme

Zubair9
Shopify Partner
15 0 0
  • The announcement bar is not displaying on the banner video but the section and the space of the bar is displaying in the pc view.
  • But in the Mobile view the announcement bar is displaying but half.. please reply me fast...
Accepted Solutions (2)
BrainStation23
Shopify Partner
262 43 42

This is an accepted solution.

Hi @Zubair9 
You can follow these step to achieve your result 
Go to online store ->Edit code->index file

And past bellow code

body.template-index .main-content .videoBackground {
    margin-top: -0;
}


@media screen and (max-width: 767px){
  body.template-index .main-content .videoBackground {
    margin-top: 0px !important;
  }
}

 Result :

BrainStation23_0-1710408131281.png

BrainStation23_1-1710408165727.png

 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

View solution in original post

BrainStation23
Shopify Partner
262 43 42

This is an accepted solution.

Hi @Zubair9 
Sorry, We can't get the notification for your reply, please Like and reply so that we can align with you 
you can follow these step , Go to online store ->Edit code->theme.liquid file
And past code above the </head> tag

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

View solution in original post

Replies 9 (9)

BrainStation23
Shopify Partner
262 43 42

Hi @Zubair9 . Can you share your store URL?

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
Zubair9
Shopify Partner
15 0 0

mzubiii.myshopify.com

Zubair9
Shopify Partner
15 0 0

Password is zubair 

BrainStation23
Shopify Partner
262 43 42

This is an accepted solution.

Hi @Zubair9 
You can follow these step to achieve your result 
Go to online store ->Edit code->index file

And past bellow code

body.template-index .main-content .videoBackground {
    margin-top: -0;
}


@media screen and (max-width: 767px){
  body.template-index .main-content .videoBackground {
    margin-top: 0px !important;
  }
}

 Result :

BrainStation23_0-1710408131281.png

BrainStation23_1-1710408165727.png

 

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
Zubair9
Shopify Partner
15 0 0

Please tell me the procedure in which file i have to add this code

Zubair9
Shopify Partner
15 0 0

Please sir reply me quickly and guide me where to insert this ...i have tried my own but all in vein

BrainStation23
Shopify Partner
262 43 42

This is an accepted solution.

Hi @Zubair9 
Sorry, We can't get the notification for your reply, please Like and reply so that we can align with you 
you can follow these step , Go to online store ->Edit code->theme.liquid file
And past code above the </head> tag

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
Zubair9
Shopify Partner
15 0 0

Sir this is effective one for me i just added ! important next to margin-top: -0; ... working now

BrainStation23
Shopify Partner
262 43 42

That's greet

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com