Separate Header from Slideshow

Highlighted
New Member
4 0 0

Good afternoon all:

I am looking for your help.

My website is tualmohada.com the slideshow is over the header being difficult to see the menu on top, show can I separate the header from the slideshow?

 

Capture.JPG 

0 Likes
Shopify Partner
426 80 91

Hello Jomacapa,

Just add this at bottom of theme.scss.css

.index-section--flush:first-child {
    margin-top: 18px !important;
}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
New Member
4 0 0

Thank you, that worked, but when checking on mobile I have a white space between header and slideshow, how I fix this?Capture.JPG

0 Likes
Shopify Partner
426 80 91

 

@media (max-width: 768px){ 
.index-section--flush:first-child {
    margin-top: 0px !important;
}
}

Add this under previous css code

 

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
New Member
4 0 0

sorry but same result.

I appreciate your help

0 Likes
Shopify Partner
426 80 91

As i check its working but  change it to 

@media (max-width: 900px){ 
.index-section--flush:first-child {
    margin-top: 0px !important;
}
}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
New Member
4 0 0

it did not work, I think is not a problem of the header but the slideshow itself, how can I change the background color of the slideshow? I think this will solve the problem

0 Likes

Hello @Jomacapa,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
.template-index #MainContent {
	padding-top: 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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes