1) i was using the following code to use the fixed sticky header for mobile version and it works very well. But unfortunately the header covers the breadcrumb or everything underneath (like slider) on mobile. do you know how i can fix it?

@media only screen and (max-width: 768px){
#header.sticky_header {
position: fixed;
}
}

2) You have send me before the following code for “toggle” the mobile menu instead of default function (accordion). But unfortunately it does not working. Even not after deleting the browser cache. do you have a better solution?

jQuery('#mobile_menu').stop(true,true).fadeToggle(400,"easeOutCubic");

3) Do you have an easy way to change the font size (or font family) of the mobile menu?

Thanks for your feedback!
Best regards

Let me see your URL please?

1. Is this on regular pages?
2. Let me see..
3. Sure, this should do it:

#mobile_menu ul li a {
    font-size: 16px;
}

1. this is the url: http://www.dr-doerfer.de
On the homepage (mobile version) i could manage to adjust the padding, but all other pages with breadcrumb or background pics is difficult. (for example: http://www.dr-doerfer.de/standorte-berlin-potsdam/kieferorthopaedie-berlin-kadewe/)

2. have a look..

3. Thanks alot!

1. I see, so you applied your own fixed header. I would simply push all my content for mobile down (with as much as the header’s height is). So you could try:

@media only screen and (max-width: 768px){
.content_body {
margin-top: 62px;
}
}

2. It surely toggles with the Fade effect at the moment, most likely still a Caching issue on your side I presume.

3. Sure thing!

Love the things you created with the website, nice job!
Good job on the customizations as well – the fixed header for mobile and the search for mobile. Would you be so kind to share those solutions with the rest of our users? Thanks!