Logo won't move down.

Author Posts

Martin_1 August 28, 2019 at 6:10 pm

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 August 28, 2019 at 7:37 pm

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 August 29, 2019 at 4:20 pm

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 August 30, 2019 at 9:12 pm

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 September 2, 2019 at 10:58 am

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.