[gmwebhouse]

Hi,
I have two small problems with my website.

1- I can not set a light skin to the mobile menu.
2- Scroll is not working

Can you help me?
Thanks in advance
Michele

[Juanfra Aldasoro]

Hi Michele,

Thank you for writing. I hope you are doing well.

What version of the theme are you currently using?

The scrolling problem has to do with Chrome changing the way their browser interprets some things on version 61 and that was causing some strange behavior in the scrolling. We released a version of Smart on the 20th of September 2017 to fix this. You can find more information on the changelog. http://updates.nicethemeswp.com/themes/smart/changelog.txt

So, in order to fix this problem, you need to update smart to its latest version. Please be sure that, once you update the theme, you perform a hard refresh of your site when using chrome.

You can learn more about hard refresh here: https://www.getfilecloud.com/blog/2015/03/tech-tip-how-to-do-hard-refresh-in-browsers/

Best,
Juan.

[gmwebhouse]

Hi Juanfra
Thank you for the support. The scrolling problem is now fixed!

Could you please help me also to set a light skin at the mobile menu? I tried to modify it within “Navigation menu” and “Design” options, but changed nothing.

Thank you again
Michele

[Juanfra Aldasoro]

Hi Michele,

Thank you for the follow-up.

Would you please share your site access details in a private reply? That way I can take a look at your site’s current setup.

Best,
Juan.

[Juanfra Aldasoro]

Hi Michele,

Thank you for sharing your details with me.

Actually, the navigation menu is set to light skin. Would you like to have the sub-navigation items with light skin?

Best,
Juan.

[gmwebhouse]

Hi Juanfra,
Thank you again for your support. Yes I would lie to have the sub-menu nav items with light skin. Sorry if I wasn’t clear in my question.

Best,
Michele

[Juanfra Aldasoro]

Hi Michele,

Thank you for the follow-up and the clarification. You can do that from the theme options panel directly for the desktop view.

Unfortunately, there’s no option to change the navigation menu skin for mobile devices. But you can add the following Custom CSS:

@media only all and (max-width: 1023px) {
  #main-nav.default {
    background: #eee;
  }
  #main-nav.default > .menu-item > a {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
  }
}

Best,
Juan.