Adding space between menu and article title in Shopify: a guide for beginners

ambientobio
Visitor
1 0 0

Hi team, apologies for the super simple question. I am a newbie to coding.

How do I add space between my menu and the article title? 

https://www.ambiento.bio/blogs/il-blog-sostenibile/cinque-motivi-abbonamento-mercato-online-sostenib...

 

This is the code:

 

<div class="section-header text-center">
<h1 class="article__title" id="title-0" margin-top: 50px>{{ article.title }}
</h1>


{% if section.settings.blog_show_author %}
<span class="article__author">{{ 'blogs.article.by_author' | t: author: article.author }}</span>
{% endif %}

{% if section.settings.blog_show_date %}
<span class="article__date">
{{ article.published_at | time_tag: format: 'date' }}
</span>
{% endif %}
</div>

<div class="rte">
{{ article.content }}
</div>

{% if section.settings.show_share_buttons %}
{% include 'social-sharing', share_title: article.title, share_permalink: article.url, share_image: article.image %}
{% endif %}

 

Reply 1 (1)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.section-header.text-center h1 {
padding-top: 60px!important;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing