Move announcement bar under header in prestige theme

Jeffrey10
Tourist
8 0 2

Does anyone know how I can move my announcement bar under the header?

 

Thanks in advance guys!

Natztech
Shopify Partner
648 177 433

Please provide website url and if your store is password protected then also provide password

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
KetanKumar
Shopify Partner
17265 1870 6450

@Jeffrey10 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
suyash1
Shopify Partner
2735 290 452

@Jeffrey10 - can we edit code to move code under header, if you want I can check it for you, can you add me to staff or as collaborator?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
Jeffrey10
Tourist
8 0 2

https://horsque.nl/

password: Horsque2021

Natztech
Shopify Partner
648 177 433

@Jeffrey10  
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 1246px) {
#shopify-section-announcement {
    position: absolute !important;
    width: 100%;
    top: 112px;
    z-index: 2;
}
}

  

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
KetanKumar
Shopify Partner
17265 1870 6450

@Jeffrey10 

thanks for URL yes please add this code

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

@media screen and (min-width: 1240px) {
#shopify-section-announcement {
    position: absolute;
    width: 100%;
    top: 112px;
    z-index: 1;
}
}

After code view

KetanKumar_0-1620121753937.png

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Jeffrey10
Tourist
8 0 2

That's cool! Would it also be possible to move it under the slideshow?

 

Looking forward in hearing from you guys.

0 Likes
KetanKumar
Shopify Partner
17265 1870 6450

@Jeffrey10 

Yes, is possible to change backend code 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes

Dear @Jeffrey10 

  • From your Shopify admin, go to Online Store > themes
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
#shopify-section-announcement {position: fixed; z-index: 9; width: 100%; top: 113px;} 
@media screen and (max-width: 1240px) {
#shopify-section-announcement {top: 67px;}
}

/* End*/

 

  • Save and check your theme by refreshing it.
  •  
Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes