Show Smartphone Header for Tablet

Hello 🙂

When I look at the page on the tablet, the menu is unsightly displayed one below the other, so I would like to select the smartphone view for tablet as well, or is it possible to reduce the font size of the menu for tablet only?

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

I will check the settings and suggest a solution.

Best Regards

Done u have access 🙂 thank you

Hello,

Please advise what width shows this alignment?

I am checking on 1024 it is as it should be: https://gyazo.com/e5936b96d1009f4f584c234a6208ff2e

Please specify the device you use.

Best Regards

If I check on my Deskop with 1024 everything looks fine, but If I check it on the Tablet live, it´s look like the picture. If you put it on 1026 u will see how it looks on the tablet. Attached you will find a picture. Many thanks for your help 🙂

Attachments:

You must be logged in to view attached files.

In addition, the error only occurs if you take the tablet horizontally and not upright 😉

Hello,

Please change the flex row in the row settings: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Then reduce the font for the menu in the Theme Settings > Typography and Advanced typography.

If it does not help, please consider separating elements on the header into rows. There is no space enough for such a layout.

Best Regards

Thanks, then I would like to get into the smartphone view with a pixel of 1026 across so that the 3 lines can be seen.

How can I do that?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

The breakpoint to mobile view is 1024px. This is the common practice. Please clarify if you mean something different. You can add the mobile menu in the desktop view and it would work.

Best Regards

Hello,
The problem is when you take the tablet across and not upright, the problem only arises when you take it across, then the view no longer looks good. As you can see in the picture above (The first picture – image0.jpg).
I only want to see my phone view on my tablet and not on my PC. You always talk about upright. But the problem only comes with the landscape format. If you set the pixels to 1026, you will see the problem (Like the picture Unbeddnannt.png)
I think the problem can be solved by set the smartphone view on 1026 and not by 1024, how can I do that?
Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 1027px) {
  body .whb-hidden-desktop,
  body .whb-hidden-lg {
	display: flex;
  }
  body .whb-hidden-mobile,
  body .whb-visible-lg {
    display: none;
  }
}

The mobile header would appear on width 1027px

Best Regards

[Author]

Posts