Menu not working properly on mobile

Hi @lorenzoing1,

Thank you for writing in,

It seems to be an issue with the Himalayas theme. We will fix the issue in the upcoming theme releases. You can view the Himalayas theme changelog to get the latest theme release with issues and bugs fixed. Here is the link: https://themegrill.com/changelogs/himalayas-changelog/

Let me know if you have any other confusion and I will get back to you.

With Regards,
ThemeGrill Support Team

Thank you @barsha04!

I’d like to report another issue that I noticed. Unlike what happens in desktop version, when I scroll the page to top with mobile phone version, the “HOME” item in the menu is never highlighted; it is highlighted the second item instead.
I don’t know if this is the desider behaviour, but it’s a bit strange.

Then I’d want to ask if when I navigate to the whole blog posts page in mobile phone there is a method to see a limited number of posts, otherwise it could be difficult to reach the end of the page to choose a category.

In the end, hoping that it could help, I take the liberty of expressing an opinion: I think that in mobile version the titles “Want to try it?” and “Contact Us Now” in the demo site are a bit misleading, because they are bigger than the related section names “HIMALAYAS THEME” and “CONTACT US”. It seems that there isn’t a manner to change their dimensions.

Sorry for the long message. Any help is appreciated ??
Best regards.

Hi @lorenzoing1,

Thank you for writing in,

When scrolling down the home page the home menu is highlighted properly. As you can see in this screenshot: https://prnt.sc/1i2gcbw

Likewise, in order to display the limited number of posts please follow the guideline and check if it helps you or not: https://docs.themegrill.com/knowledgebase/how-to-change-the-number-of-posts-displayed-on-your-wordpress-blog-page/

Regarding the ‘Want to try it’ and ‘Contact Us Now’ it can be changed with the help of some additional CSS Code. Let me know if you want to fix it with the help of CSS Code and I will get back to you.

With Regards,
ThemeGrill Support Team

Thank you @barsha04!

Regarding the “HOME” item issue, I was talking about the mobile version (when I manage to open the menu…). Desktop version of the menu already works fine.

Thanks for the link: it is exactly what I was looking for. But I would like to ask if it is possible to change the “Previous” and “Next” text of the two buttons that now appear (since the web site is not in english language).

Yes, I’ll appreciate your help to write proper CSS instructions; also because I’d like to change only mobile version font dimensions, leaving desktop fonts unchanged.

Thank you again.
Best regards,
Lorenzo

I rectify my last message: I realized that the “HOME” item issue on mobile phones is present only if “Make header non transparent” option is disabled in the Header Transparency settings of the theme.

Regards,
Lorenzo

Hi @lorenzoing1,

Thank you for writing in,

Can you please try adding this CSS inside WordPress Dashboard > Appearances > Customize> Additional CSS and check it once?

@media (max-width: 748px){
.about-title, .contact-title {
    font-weight: 700;
    font-size: 20px;
}
}

Let me know if this helps or if you need further assistance regarding this! ??

With Regards,
ThemeGrill Support Team

• This reply was modified 3 years, 3 months ago by Steven Stern (sterndata).
• This reply was modified 3 years, 3 months ago by Steven Stern (sterndata).

Thank you @barsha04.
I used your code snippet and it works well.

Concerning to the “Previous” and “Next” text of the two buttons that appear when there are many post pages, do you now if their text can be changed?

Could I ask when do you think a new version of the theme will be released? I remember you the issues that I reported in this thread:
1) The “hamburger” menu button doesn’t work properly on mobile phones. When I tap on it the first time it works, but then after some navigation it doesn’t work any more.
2) When I scroll the page to top, the “HOME” item in the menu is never highlighted; it is highlighted the second item instead. This issue is present ONLY with mobile phone version AND if “Make header non transparent” option is disabled in the Header Transparency settings of the theme.

Thank you for your support!

Regards,
Lorenzo

@barsha04:
I forgot to write this thing in my last message… I noticed that starting from WordPress 5.8 the button radius setting is no longer visible when creating pages. I read in another thread that the theme developers should enable the feature in a theme.json file: https://wordpress.com/forums/topic/border-radius-on-buttons/#post-3710739

Could you add this in Himalayas theme, please? ??
Thanks.

Regards,
Lorenzo

Hi @lorenzoing1,

Thank you for writing in,

Can you please share the screenshot of which button are you referring to? Please share the screenshot so that I can inspect and provide you an appropriate solution on this.

With Regards,
ThemeGrill Support Team

Hi @barsha04,
Thank you for your answer.

For example, the blue button in this page: https://www.lorenzovisentinpiano.com/materiale-didattico/
I know I can modify the radius with the border-radius attribute, but I wonder if it could be restored the setting in the editor of WordPress, since it was visible until version 5.7.

However, for me the most important issue to solve is the hamburger menu button, which often doesn’t work on mobile version of the theme.
I’ve seen you have updated the theme, but now I notice some new issues in the theme demo page on mobile phone: the slider has two superimposed images and the hamburger button always needs to be pressed twice; maybe not a great improvement… ??

I hope you can correct all this stuff.
Thanks for your support.

Regards,
Lorenzo

Hi @lorenzoing1,

Thank you for writing in,

I suspect one of the plugins you’re using might be causing the problem, so please try deactivating all the plugins one by one and check if the problem resolves.

Please let me know if this helps you or not and I will get back to you.

With Regards,
ThemeGrill Support Team

Good morning @barsha04.

Maybe I didn’t explained well myself.
The problem I was talking about (slider that has two superimposed images at first loading and the hamburger button that needs to be pressed more times) is currently present in your demo site if you try to open it with a mobile phone: https://themegrilldemos.com/himalayas

I will not update the theme in my site until these new issues will be solved.

I hope this hint can be useful for you and that your team will update Himalayas theme soon, because it’s a bit frustrating for me to have developed a brand new web site using this theme and realizing that some annoying issues are still persisting.

Thank you for your support.
With regards,
Lorenzo

Hi @lorenzoing1,

Thank you for writing in,

I will inspect the issue in detail and if there is an issue with the Himalayas theme we’ll fix the issue in the upcoming theme release. You can view the changelog to get the update regarding the theme here: https://themegrill.com/changelogs/himalayas-changelog/

With Regards,
ThemeGrill Support Team

Thank you @barsha04.
You are very kind. So I’ll wait for a new theme release.

With regards,
Lorenzo

Hi @lorenzoing1,

That’s Great. Let me know for other confusion and I will get back to you.

With Regards,
ThemeGrill Support Team