Logo won't move down.

This topic contains 4 replies, has 2 voices, and was last updated by  Sebastian 2 months, 2 weeks ago.

Author Posts

Martin_1

Hi all,

I tinkered with it, but the logo just won’t move down. I need it lower on mobile so it doesn’t fall behind the top menu. But the weird thing just won’t comply.

I tried all these things to no avail.

.fusion-header {
padding-top: 164px;
}

.fusion-header .fusion-row, .side-header-wrapper {
padding-top: 40px;
}

.fusion-standard-logo {
margin-top: 64px;
}

and it all moves the logo in Microthemer. Except when I look at it on my phone. The logo/header is still where it was.

This is the site: https://www.wintherbikes.com/

Does anyone have any clues as to what might be going on?


Martin_1

Okay, I finally tracked down what’s causing it. But why it would be an issue is beyond me.

This is the custom css that is creating this problem:

.menu-item-object-page .menu-text {
font-family: Qanelas Bold;
font-size: 14px;
letter-spacing: 3px;
}

why would adjusting some fonts move the logo up on mobile?


Sebastian

Hey Martin,

I see that the menu items above the logo are currently 12px with regular font weight. So I guess the 14px bold font was making the menu items wider, so they spanned two lines rather than one on mobile.

Cheers,
Sebastian


Martin_1

Hey Sebastian,

That makes sense! I could reduce the padding in between the menu items… I will give it some more thought :-).

I am currently getting so much use out of Microthemer. The big plus here is also that I am learning a lot! I’m still making mistakes and am somewhat confused from time to time. But it’s really an EXCELLENT tool you created!

Thanks for the creating it!

Regards,

Martin


Sebastian

You’re welcome Martin. And it’s great to hear that you’re learning with Microthemer!

Cheers,
Sebastian

You must login or register to reply to this topic.