Page content overlaps slideshow [venture theme]

Solved
Excursionist
37 0 4

Hi guys,

Please help me with this issue... I use the Venture Theme and I want my slideshow to be 'small size' so it is full width, but then the next page content which is right underneath the slideshow overlaps the slideshow. (this is not the case on mobile phones)

Please see my attached screenshot. I want the [1/3-+-<->-learn more] to be higher so you can see it and click on the button...

 

Schermafbeelding 2019-05-14 om 21.02.16.png

 

How can I change this? It has something to do with the code, but I cannot figure out with which. 

 

See it yourself -> www.derrins.com

 

Thanks in advance! 

0 Likes

Success.

Shopify Staff
Shopify Staff
433 14 41

Hey @OliverD!

 

Katy here from Shopify. I hope all is well with you and thank you for chatting in!

 

I do see what you mean here:

 

15-42-bh977-fqnmj

 

In this case you could apply styling in order to move these buttons up on larger screens.

If you could go to your: Admin> Online store > Themes > Actions> Edit code> Assets > theme.scss.liquid

 

At the bottom of this file, if you could paste the following Media Query:

 

@media only screen and (min-width: 750px) {
.hero-content {
bottom: 80px;
   }
}

This should then allow these to be visible on tablets / larger screens. I recommend that you first test this out on a duplicate version of your theme, just in case. 

 

Do let me know how this goes, or if you have any questions.

 

Cheers,
Katy

Katy | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
Excursionist
37 0 4

Amazing!!! All solved, I adjusted the pixel to 50px and it looks fantastic now! Thank you so much!! 

0 Likes
Highlighted
Shopify Staff
Shopify Staff
433 14 41

Ah that's brilliant @OliverD. Glad to hear it, and you're very welcome. 🙂

Katy | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes