-
Posted in : Efor
-
8 April 2020 at 16:01
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.
I would also like to reduce logo size at 1024px. Thanks.
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.
ThanksIt 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.
Hi,
I will discuss this topic with our developers and i will keep you updated.
ThanksHi, 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
991pxand replace with1200pxand find all instances of992pxand replace with1201pxin 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!
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?
– 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.
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.
Hi @outsource,
You can use use our private content box below to share your website or screenshot url.
Thanksurl sent in private content – mobile logo set to same width as desktop but showing very small on mobile.
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
I will try that.
Note that your setting under site identity for mobile logo is height px and not logo max width.
You must be logged in and have valid license to reply to this topic.