Changing slideshow size - minimal theme

Highlighted
New Member
7 0 0

I'm using the minimal theme and I've put a slideshow at the top of my homepage. It has white gaps on the left and right side of it which I want to remove completely. I've tried adjusting the padding in the theme.scss.liquid file but still haven't solved the problem.

 

Also, if possible I would like to reduce the padding above and below the navigation menu at the top as it is quite far from the header-announcement bar and the slideshow images.

 

Any help would be really appreciated! Thanks :)

0 Likes
Highlighted

Helllo 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

yes it's thegreenethic.com and the code to view it is chieto

0 Likes
Highlighted

Hello,

To reduce the padding above and below the navigation menu,add below css in theme.scss

 

@media screen and (min-width: 769px)
.site-header {
    padding: 0;
}

and do you want slideshow fullwidth

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

Thanks for the response. I tried adding that code but it completed changed the homepage layout. And yes I would like the slideshow full width if possible :)

0 Likes
Highlighted

Ohh sory..I forgot to add opening and closing braces

@media screen and (min-width: 769px) {
.site-header {
    padding: 0;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
7 0 0

thank you so much! that worked. Are you also able to help with the width of the slideshow?

0 Likes
Highlighted

For full width slider you have to customize your code

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0

Yes. Would it be under .flexslider in theme.scss? I can't seem to find the right bit of code.

0 Likes
Highlighted

You can't do slider fulwidth with the help of css...You have to edit the code....

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes