Need assistance centring the logo on my homepage

alexch
New Member
10 0 0

Hi, my website homepage is: www.levendi.shop

 

The issue is the logo (used to enter the site) appears at the top of the screen when I would like it to appear right in the middle of the screen. I'd like this both to occur both in the desktop and mobile versions of the site. I'm using debut.

 

Thanks in advance guys!

0 Likes
PaulNewton
Shopify Partner
3135 195 577

@alexch 
For such landing pages I'd recommend it's a transition so the actual content is shown instead of requiring users to mouse click.

So watch your bounce rates when doing this.

 

The .page-container is style have no overflow from theme.css

  1. overflow: hidden;

which will then interfere basic centering attempts on inner elements so you have to style that

 

.page-container {
    height: 100%;
    display: block;
    position: fixed;
    width: 100%;
}

 

Then on the image

 

.logo-bar__image {
    position: absolute;
    top: 50%;
    left: 40%;
}

 

Adjusting left for the size of the images width.


Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
alexch
New Member
10 0 0

If I could, I'd ideally have the it so that when my website is clicked users are directed straight to one of my collection pages, is this possible? I don't really feel the need for a homepage.

0 Likes
alexch
New Member
10 0 0

Also, please forgive me for being a noob, but could you explain exactly what I need to do? I've seen you've got two pieces of code there but I don't know where to put them. Thank you

0 Likes