Different headers in mobile version

Hello,

first of all great praise to the developers. I’ve been testing myself through the theme for about 2 weeks now and I’m really thrilled. It’s well thought out and also fast, if you do without some unnecessary things.

But I don’t like one thing, so I’m asking for your help. It’s just a cosmetic problem and could maybe be solved by CSS code. I hope so.

My problem:
I have activated the “tagDiv Mobile Theme”, which I think is a good solution. Unfortunately I can’t use the plugin on the start page, because you can’t adjust much and I need some categories to be displayed.

Therefore I deactivated the plugin on the start page. Now the header differs from the start page to the other headers (all articles and category pages). How can I make all headers look the same in the mobile version?

Here is a picture of my problem: https://imgur.com/0eKnaO2

Of course I realize that this difference is because the Mobile Theme is optimized for speed, but I think that with CSS you could get the ICONS left and right at the same height and that the logo is the same size. There is also no shadow under the header.

The user should not get the feeling that the theme is changing just because he clicks on an article on the start page.

Which would be important to me:
If the solution (e.g. by CSS) would slow down the mobile version, would it be possible to adjust only the start page instead of the mobile plugin, so that it looks the same?

My main goal is that the speed won’t slow down but the start page and all other articles and sites from Mobile Theme will look the same from the header.

URL of Website: https://b3hyno.myraidbox.de/

Best Regards

Hi Vlad,

wow that’s what I call awesome support. I will contact you soon by email, thank you very much!

Best Regards

Is there a solution to this problem? Because I have the same issue. The mobile theme header pushes the menu button and the search button to close to the logo. On the responsive design header, everything looks good. Exactly the same problem as you can see here: https://imgur.com/0eKnaO2

Hello Maggo,

I tried to solve this problem with the support, but the support just didn’t understand what I mean by email. After a long time back and forth, I got a useful code where the logo is made smaller, so that it looks at least approximately similar.

Here is the code:

.td-main-menu-logo img {
max-width: 180px
}

But I have now solved the problem by not using the Mobile Theme.