How to make the homepage image banner full width for desktop and mobile in Minimal theme?

NikkiAdair
Excursionist
17 0 7

Hi There, 

I've been searching for a way to make my one image slideshow banner (doesn't rotate, just static image), show as full screen on my homepage. I've found code for other themes, but none for Minimal. 

 

I tried using the below code in my theme.sccs.liquid but it actually made my whole page more narrow. Would love it if someone knew how to solve this without me having to change themes.

My website is: https://www.giclee-studios.com/   

 

This is the code I tried:

.template-index .main-content {

max-width: 100%;
padding-left: 0;
padding-right: 0;
}

.template-index .main-content .shopify-section:not(.slider-section) {
max-width: 1060px;
margin: auto;
padding-left: 30px;
padding-right: 30px;
@media screen and (max-width: 479px){
padding-left: 15px;
padding-right: 15px;
}
}

 Thanks!

Replies 60 (60)
rishabhjain1024
Excursionist
29 0 12

I have made a small video for mobile view of the side scrolling issue

KetanKumar
Shopify Partner
36839 3635 11972

@rishabhjain1024 

can you check on theme setting i have aso send r

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
rishabhjain1024
Excursionist
29 0 12

Not received yet

rishabhjain1024
Excursionist
29 0 12

I have accepted the reequest

rishabhjain1024
Excursionist
29 0 12

Hello, were You able to check ?

KetanKumar
Shopify Partner
36839 3635 11972

@rishabhjain1024 

sorry but where did you send?

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
rishabhjain1024
Excursionist
29 0 12

I had accepeted requested for collaborator request on shopify website(rishirichjewels.myshopify.com)

KetanKumar
Shopify Partner
36839 3635 11972

@rishabhjain1024 

can you confirm this lok

KetanKumar_0-1652095273292.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 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
rishabhjain1024
Excursionist
29 0 12

Yes this is perfect, Same required full width required for mobile view as well

KetanKumar
Shopify Partner
36839 3635 11972

@rishabhjain1024 

can you please check and confirm this theme

https://rishirichjewels.com/?fts=0&preview_theme_id=132545151189

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
rishabhjain1024
Excursionist
29 0 12

Yes now its perfect on mobile view as well but now homepage banner is visible on all pages