Adjusting Height Sub Heading / Shop Now Button on Slideshow Shopify

TomHaskins
Tourist
11 0 3

Hi, 

I need to move the subheading and the "Shop Now" button lower on the website main slideshow. bangaveragegolfers.co.uk

I have created an image with a logo for the background, but it looks very cramped and I need the sub heading and button to be a bit lower (on both desktop and mobile)

Could someone please help?

Thanks in Advance.

dmwwebartisan
Shopify Partner
5235 1208 1547

@TomHaskins 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

 

media screen and (max-width: 768px){
.hero__text-content {padding: 23em 0em !important;}
}

@media (min-width: 769px){
.hero__text-content {padding: 19.94rem 0.6rem !important;}
}

 


Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
TomHaskins
Tourist
11 0 3

Thanks @dmwwebartisan, I just did this and it made the site go all weird (as in showing everything in the wrong place on the site.

is there anything I need to adjust? 

please let me know,

thank you

dmwwebartisan
Shopify Partner
5235 1208 1547

@TomHaskins 

Sorry that was my coding mistake. Please add the following corrected code.

@media screen and (max-width: 768px){
.hero__text-content {padding: 23em 0em !important;}
}

@media screen and (min-width: 769px){
.hero__text-content {padding: 19.94rem 0.6rem !important;}
}

 

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes