Move the header text to good position

Store Design
, ,
1

Hi, i was wondering how i can get the header in the first screenshot, like the second screenshot header.

first screenshot
first screenshot1236×876 172 KB

second screenshot
second screenshot1229×834 111 KB

2 Likes
2

@flaner , please, try the following:

  • Navigate to Online Store > Themes > Edit code > assets
  • Find the base.css file
  • Paste the code below to the bottom of the file
  • Save and hard-refresh the storefront
title.inline-richtext.h2.scroll-trigger.animate--slide-in {
	margin-bottom: -13px!important!
}

The final result should be like this:

Screenshot_2.png
Screenshot_2.png1127×863 145 KB

3

Hi, i’ve tried that, but it won’t work.

1 Like
4

Ok, please try this. I forgot the dot at the beginning. Same procedure, but this code

.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
	margin-bottom: -13px!important!
}
1 Like
5

Hi, i’ve tried that code too but it didn’t work.

6

@flaner , please, try it with a space added. I think I made a syntax mistake

.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
	margin-bottom: -13px !important
}
1 Like
7

Hi, thanks for the fast responce! It worked, big thanks!

1 Like
8

Anytime! I’m glad I could help!