I'm using moments on

staging.honley.info/

Any idea why the menu is on top of the logo?

Hi

On good browsers the container width is being respected while on not so good browsers the too big a logo file is breaking through the container

If I view the site in Chrome as a good browser the adjustment is adding

#navigation .logo {
padding-bottom: 120px;
margin-top: 0px;
padding-top: 30px;
}

I'd suggest trying with a smaller logo file and see how it views in firefox vrs Chrome before adding any css to tyour custom styling page

Cheers
Paul

Had the same problem and the custom css solved it.

Now I have the problem that if I view the page with my mobile the logo is too big and lay over the text.




Do you have an idea how to solve that?

Hi

I think the issue is that the problem with the logo size isn't really addressed

The better browsers are helping you by resizing the image on load but the image remains too big

If you check out the logo in firefox on a desktop you will see what I mean

Cheers
Paul

That means to only solution is to make the logo image smaller?
Does it solve the responsive problem?
Thanks
Tobias

For Firefox and IE yes you would need to make the logo smaller

I can't be certain regrading te responsive problem

Cheers
Paul

As you can see the header is overlaying the first content block.
Any idea how to solve that?

Hi

Can you add this media query

@media (min-width: 320px) and (max-width: 500px) {
.cwtest90 {margin-top:4em !important;}
.cw-social-mod-bookmark {margin-bottom:0;}
#navigation .cw-social-mod ul { margin-bottom: 0;}

}

May need some ajdusting as required

Cheers
Paul

Ok, this works! Now the social media buttons are on a better position.
But my origin problem consits. The layer with the logo, menu and social meadia button overlay my banner..
Any idea?
Thanks
Tobias

What mobile device are you using

Sorry should have asked that first

Cheers
Paul

Samsung Galaxy s4 with chrome Browser.

Does the site still look the same in the mobile as the screenshot?

I've asked a colleague to a take and he reports it as being ok on a similiar phone

Cheers
Paul

Yes, it might. But if you have a look at the desktop version of the site you'll see a banner-like sliding show on the top.
This element is missing on the mobile version of the side because it's overlayed by the logo, menu and so on.
If i disable this banner module the text is sliding up and getting also overlayed by the logo, menu etc.
I've attached a screenshot from a google nexus device where the problem is the same.

Thanks for your support!
Tobias

Hi

Can you try

@media (max-width: 768px) {

#above {margin-top: 7em;}
}

Cheers
Paul

I put it in but I see no difference. Shall I remove the older part?
@media (min-width: 320px) and (max-width: 500px) {
.cwtest90 {margin-top:4em !important;}
.cw-social-mod-bookmark {margin-bottom:0;}
#navigation .cw-social-mod ul { margin-bottom: 0;}
}

Regards,
Tobias

At the moment I can't see the code I suggested in the custom.css file

All I can see is

@media (max-width: 768px) { #above }

Cheers
Paul