Change Height of friend referral section

Store Design
1

Hi, currently to get to the ‘Refer a Friend’ form on our site, the user has to scroll down in the section. Is there a way to extend the height of the section so the form is visible without scrolling?

Screenshot (21).png
Screenshot (21).png1920×1080 425 KB

2

Hi @TheGiftOfOil

Thanks for your question.

Can you share with me the URL of the page has form to check on it for you?

Thank you.

3

Hi @TheGiftOfOil ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.homepage-section--friend-referal iframe#refcandy-candyjar {
    height: 900px !important;
}
4

These are two links to the page. One from the shopify editor and one from the normal site

https://admin.shopify.com/store/giftofoil/themes/125647061054/editor?customCss=true&previewPath=%2Fpages%2Frefer-a-friend

https://www.thegiftofoil.co.uk/pages/refer-a-friend

5

Hi @TheGiftOfOil

Thanks for sharing. You can follow the instruction to resolve the issue:

  1. Go to Shopify > Theme > Edit code > Navigate to theme.css file.

  2. Find the code line " height: 216 !important; " > then delete it. Screenshot

I hope it helps