DEBUT remove announcementbar on mobile and white spaces

Solved
Bas79
Excursionist
19 0 7

Hi all,

 

I have two different questions:

 

Question 1:

I fixed the announcementbar in my debut theme.

This is fine on desktop view but since there is quit a bit of text in there it is to big on mobile view. (See blue textblock in screenshot)

Would it be possible to only get it fixed on desktop and not on mobile view? If not, would it be possible to remove announcement bar on mobile view and keep it fixed on desktop?

 

Question 2:

On mobile view there is a lot of white space on the sides (See red rectangles in screenshots). I searched for a soultion and came across two possible solutions. Unfortunately they did not work for me. Anybody got any ideas on this?

 

Thanks in advance for any help!

Example mobile view.jpg

dmwwebartisan
Shopify Partner
5784 1323 1695

 @Bas79 

Please share your website URL and password .

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Bas79
Excursionist
19 0 7

@dmwwebartisan 

 

Thanks for your quick reply!

 

Site url is www.partytimewebshop.com

no password

 

Thanks for looking in to it

dmwwebartisan
Shopify Partner
5784 1323 1695

This is an accepted solution.

@Bas79 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.site-header {margin-top: 0px !important;}
.announcement-bar {display: none !important;}
.page-width {max-width: 100% !important;}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Bas79
Excursionist
19 0 7

@dmwwebartisan 

 

Works like a charm, thanks for your help, much appreciated!

0 Likes
lahiru999
Tourist
4 0 1

The same problem in my store in mobile view show announcement bar.help me o remove www.amexza.com 

0 Likes
dmwwebartisan
Shopify Partner
5784 1323 1695

@lahiru999 

Please share a screenshot what do you want !

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
lahiru999
Tourist
4 0 1

WhatsApp Image 2021-04-28 at 8.37.37 AM.jpeg

0 Likes
dmwwebartisan
Shopify Partner
5784 1323 1695

@lahiru999 

But my site not show this show announcement bar otherwise I help you !

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5784 1323 1695

@lahiru999 

Sorry for previous message but I find  announcement bar but this code customization work .

Please PM  me .

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes