[Anonymous]

My menu is too long for 1024px screen res. How do I change menu so it shows mobile menu at this resolution and below? Thank you.

[Anonymous]

I would also like to reduce logo size at 1024px. Thanks.

[serkan]

Hi, Switching to the mobile menu with 1024 px resolution will bring several layout problems with it. Instead, I suggest you edit your menu structure and add some menu items under the other menu.
You can go to appearance > customize > site identity > you can reduce logo size here.
Thanks

[Anonymous]

It is not possible to move some items to submenus as all are required in top menu.
Please advise where I can make this change in css / child theme files.

Also I made change to logo height for mobile and it isn’t being applied to the logo image. Please advise specific css to apply logo image heights in specific screen resolutions.

Thank you.

[serkan]

Hi,
I will discuss this topic with our developers and i will keep you updated.
Thanks

[ahmetsali]

Hi, unfortunately, there isn’t an easy way to change the tablet/desktop breakpoint without modifying the core CSS files, but beware this might raise some incompatibility issues with the Live Customizer and future updates. So we highly don’t recommend this but here is the way.

– Find all instances of 991px and replace with 1200px and find all instances of 992px and replace with 1201px in the files below;

css/main.css
css/768.css
css/992.css

– you may use find and replace feature in the text editors;

https://www.computerhope.com/issues/ch001605.htm

Have a nice day!

[Anonymous]

Is there a way to apply these changes using the custom css area rather than editing the core css files?

And what css do I use to set the correct size logo on mobile and tablet?

[ahmetsali]

– unfortunately no it can’t be done easily with a few lines of custom CSS code

– Customizer > Site Identity > IMAGE LOGO HEIGHT MOBILE should be working out of the box to set image logo height on mobile screens (screen width < 992px), can you provide your related URL and let us check what's wrong? Thanks.

[Anonymous]

I have set logo height to the same on both desktop and mobile but it is still showing way too small on mobile. If you can provide email address I can send screenshots.

[serkan]

Hi @outsource,
You can use use our private content box below to share your website or screenshot url.
Thanks

[Anonymous]

url sent in private content – mobile logo set to same width as desktop but showing very small on mobile.

[serkan]

Hi,
I just checked with a couple of mobile devices and logo looks okay on my side. Could you try to check your website with other mobile devices as well? Just in case, you can use this custom css code;

.is-header-small .site-branding { max-width: 46%; }

Thanks

[Anonymous]

I will try that.
Note that your setting under site identity for mobile logo is height px and not logo max width.

[serkan]

Hi,
If you still have the issue, don’t hesitate to contact me.
Thanks