Solved

Remove White Space under menu/header (Studio Theme)

ClaytonJ
Tourist
8 0 1

Hi,

 

I've been trying to remove the gap between a video I have and the menu but can't figure out how to do it. 

 

ClaytonJ_0-1668001319219.png

 

There is a similar post I saw: Solved: remove white space - Shopify Community but I don't have the theme.scss.liquid file so the solution doesn't work. 

 

Any help would be appreciated!

 

Thanks,

James

Accepted Solution (1)

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hello @ClaytonJ 
This is GemPages - A powerful Page Builder. Regarding your question, I would like to give you some recommendations to support you
You can add this code to theme.liquid like this 

GemPages_Agents_0-1668050628826.png

Code: 

<style>
.section-template--15858951291069__406df346-f38a-446d-a15d-b8953d88289d-padding p {
margin-top: 0px;
}
</style>


Hope my recommendation can works and support for you! Kind & Best regards! GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 7 (7)

Lainedev
Shopify Partner
8 2 2

Hi @ClaytonJ 

 

This should be an easy fix with CSS. My advice if you have a complex theme and just want to override some CSS rules:

 

- Instead of modifying existing CSS assets create a new CSS file in your assets folder (ex : 'custom-styles.css')

- Include your CSS file in your theme.liquid before the end of </head> (ex :  {{ 'custom-styles.css' | asset_url | stylesheet_tag }})

- Create some CSS rules in your 'custom-styles.css' . My guess is you just have to ajust the margin-bottom/padding-bottom of your header and/or margin-top/padding-top of your video section

Save time by creating and scheduling your sales effortlessly !
https://apps.shopify.com/laine-sales-manager
ClaytonJ
Tourist
8 0 1

Hi @Lainedev,

 

Thanks for your reply! 

 

Please could you give me some pointers on what the custom rules need to be? I am new to coding so don't really know where to start with this. 

KetanKumar
Shopify Partner
36839 3635 11972

@ClaytonJ 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ClaytonJ
Tourist
8 0 1

Hi @KetanKumar,

 

Site URL is https://sawai.co.uk/ 

Password is: awskao

 

Thank you for your help!

 

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hello @ClaytonJ 
This is GemPages - A powerful Page Builder. Regarding your question, I would like to give you some recommendations to support you
You can add this code to theme.liquid like this 

GemPages_Agents_0-1668050628826.png

Code: 

<style>
.section-template--15858951291069__406df346-f38a-446d-a15d-b8953d88289d-padding p {
margin-top: 0px;
}
</style>


Hope my recommendation can works and support for you! Kind & Best regards! GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ClaytonJ
Tourist
8 0 1

Thank you @GemPages.

 

Worked perfectly!

GemPages
Shopify Partner
5588 1261 1203

I am glad that my solution is helpful to you 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center