Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Craft Theme Layout Issues

Craft Theme Layout Issues

BellesandBells
Shopify Partner
18 0 3

Hello, 

 

I am currently working on a website that is using the Craft theme, and I am having a couple of issues:

 

1. I would like to adjust the video banner height on mobile so that the text isn't so close to the header (photo 1 attached)

 

2. I would like to remove the extra spacing in the footer on desktop view between the menus and the copyright info (photo 2 attached) 

 

The preview link is: https://c9697fcvatbr7ouc-65874886903.shopifypreview.com

 

Thanks so much!

 

Screen Shot 2024-11-10 at 11.29.49 pm.pngScreen Shot 2024-11-09 at 2.11.21 pm.png

Replies 3 (3)

Beae_Cass
Shopify Partner
447 167 181

Hi @BellesandBells 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS 
  2. Paste the code provided into the Custom CSS section.
@media screen and (max-width: 768px) {
   .banner__box.content-container {
      padding: 12rem 1.5rem !important;
   }
}

.footer-block--newsletter {
   display: none !important
}

I hope it will help you!

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template

Beae_Cass
Shopify Partner
447 167 181

Hi @BellesandBells 

 

To complete your requests, please follow these steps:
Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS > Paste the code below
@media screen and (max-width: 768px) {
    .banner__box.content-container {
        padding: 12rem 1.5rem !important;
    }
}

.footer-block--newsletter {
    display: none !important
}

 

I hope it will help you 🙂

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template
BellesandBells
Shopify Partner
18 0 3

Thank you so much @Beae_Cass 

The code for the video worked perfectly, however, the code for the footer has removed the newsletter altogether. Can you please assist?