[VENTURE THEME] How can I center the Button and the Heading on the Home Page?

Solved
ilja
Explorer
81 2 10

Hey,

 

I would like to center the Heading and the Button label in the center of my banner. How can I do this?

 

Like that:

 

Unbenannt.JPGMy store URL is: www.econceptstore.de.

 

Thank you in advance. :)

 

Best wishes

Ilja

0 Likes
deepa3
Tourist
24 0 2

Hello ilja

You want like below screenshot

image2.png

 

use below css

@media only screen and (min-width: 750px)
.hero-content {
bottom: 322px;
}

 

.hero-content__title{
margin: 320px;
/* margin-bottom: 13px; */
/* margin-top: -24px !important; */
}

OTM
Shopify Expert
667 170 243

This is an accepted solution.

Hi, @ilja ,

This is Evita from On The Map.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 750px) {
   .hero-content {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 740px;
      top: 0;
      bottom: 0;
   }
}

Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
paolominelli
New Member
1 0 0

Hi! I have a problem! 

It works on computers but it doesn't works on phones?! how it is possible?

0 Likes

Hello @paolominelli.,

Please share your site url so that I will give you exact solution

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
daftsmoke
Tourist
17 0 4

Dear Evita,

I have the same issue, I am using venture theme as well and I need the button to be placed in the middle too.

However I have posted a screen shot, where my buttons needs to be placed or better said right on the middle, but on the same height as it already is.

I would appreciate it very much, if you could help me too.

Many thanks in advance.

best whishes

LeonidBildschirmfoto 2021-04-24 um 04.12.59.png

0 Likes