Logo won't move down.

Author Posts


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?


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?


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.



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!




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


You must login or register to reply to this topic.