Mobile site far from optimal

[Michiel Hesseling]

Mobile site, can’t see much…

https://ibb.co/TK78mfd
https://ibb.co/ZfJkphc

www.pceerstehulp.com

The email address, phonenumber and logo take a lot of space on the mobile site.

And if I would click on the menu, I cannot see the result of my choice, because it is behind the menu.

Do you have a solution for that?

I guess one way would be to not show the logo, but only on the mobile site. I would like it to show on the desktopsite.
Also, perhaps not show the email address and phonenumber on top. Again, only for mobile site.

Or perhaps you have a different solution?

If not, how would I accomplish the above ideas?

TIA
Michiel

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.head-info-area .right, .logo { display:none;}
}

Regards,
Brad

[Michiel Hesseling]

Thank you, that worked. But a follow up question. Or two actually.

Now, when the menu expands, you can choose a link in the menu. But the menu doesn’t automatically closes. You have to do that manually by pushing the X in the corner. I would like it to close automatically after you click on a link.

Second: when you go to the link, for example Wie ben ik? you cannot read the Wie ben ik. It is cutof. So I would like the title to be visible, readable. See photo: https://imgur.com/a/8YtCZ7I

TIA
Michiel

[Sonal S Sinha]

Hi,

Ans: Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
#wiebenik {
    padding-top: 80px !important;
}
}

Regards,
Brad

[Michiel Hesseling]

That is the answer to my second question. Thank you.
How about the first question:
Now, when the menu expands, you can choose a link in the menu. But the menu doesn’t automatically closes. You have to do that manually by pushing the X in the corner. I would like it to close automatically after you click on a link.

TIA
Michiel

[Author]

Posts