How can I maximize the width of the moving banner

Janamir
Explorer
132 0 46

How can I maximize the width of the moving banner? Please help asap.

marque-banner.JPG

site: https://butterflight-boutique.myshopify.com/

pass: home

 

Pallavi
Shopify Expert
2221 363 474

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

div#r-1621435620476 {
max-width: 100% !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
KetanKumar
Shopify Partner
20503 2120 7731

@Janamir 

sorry for that issue 

gem page builder please check your builder setting easy to change 

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
0 Likes
GemPages_Agents
Shopify Partner
43 9 32

Hi @Janamir,

Please try to enable the Row 'Full width' option of that 'moving banner' like the screenshot below. The issue will be resolved.

GemPages_Agents_0-1623843637310.png

 

If you find my reply helpful, please hit Like and Mark as Solution
Join the waitlist to enjoy exclusive offers once we're back on Shopify at https://gmpg.link/reborn
Get connected: Website | Youtube | Community | Partners | Help Center
0 Likes
Janamir
Explorer
132 0 46

@Pallavi My apologies, I was referring to its heigh, I want the images' height to be heigher so that text will be maximized.

Pallavi
Shopify Expert
2221 363 474

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

#r-1621435620476 {
    padding-top: 360px!important;
    padding-bottom: 214px!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Janamir
Explorer
132 0 46

@Pallavi sorry, that didnt work. Any other options?

0 Likes
GemPages_Agents
Shopify Partner
43 9 32

Hi @Janamir 

You can use the following code to extend the background's height and size: On theme.liquid file, paste the code at the bottom before </body>

#bar {
    height: 100px;
    padding: 25px 0;
    background-position:center;
}
@-webkit-keyframes scroll {
    from {
        background-position: 320px center
    }
    to {
        background-position: 0 center
    }
}
@keyframes scroll {
    from {
        background-position: 320px center
    }
    to {
        background-position: 0 center
    }
}
@-webkit-keyframes scrollStop {
    from {
        background-position: 320px center
    }
    to {
        background-position: 0 center
    }
}
@keyframes scrollStop {
    from {
        background-position: 320px center
    }
    to {
        background-position: 0 center
    }
}

The running banner will look like this:

Screenshot_1.png

Hope the information helps.

If you need further support, feel free to contact us via email (support@gempages.help) or live chat.

Thanks!

 

If you find my reply helpful, please hit Like and Mark as Solution
Join the waitlist to enjoy exclusive offers once we're back on Shopify at https://gmpg.link/reborn
Get connected: Website | Youtube | Community | Partners | Help Center
0 Likes