Issue with Palos shopify theme mobile menu

[Bhavic]

I am having a little issue with the theme. I have added a menu which is working fine in the desktop view. But in the mobile view, it is not showing the value under menu headings. Please help me with this issue.

Store link - https://dayaworldwide.myshopify.com/

For example - The menu is like this 

Products > Furniture> Centre Table (This is fine on a Desktop)

But on mobile, it is showing like this:

Products > Furniture (Thats it; Further drop down is not showing)

Thanks & Regards

Bhavic

[NomtechSolution]

If the menu you added to your theme is not displaying the values (submenus or dropdown options) under the menu headings in the mobile view, it could be due to the responsive design settings or CSS styles in your theme. Here are a few steps you can take to address this issue:

1. Check the responsive settings: Some themes have specific settings to control the behavior of menus in different screen sizes. From your Shopify admin dashboard, go to "Online Store" and select "Themes." Find the theme you're using and click on the "Actions" button, then choose "Edit code." Look for any responsive settings or options related to menus, navigation, or mobile view. Ensure that the settings are configured properly to display the values under the menu headings in mobile view.

2. Review the CSS styles: Open the theme's CSS file (usually called "theme.scss.liquid" or "styles.scss.liquid") and look for the CSS styles that control the appearance of the menu in mobile view. Look for any styles that affect the visibility or positioning of the submenu or dropdown options. Check if there are any specific media queries or responsive styles targeting mobile devices. Make sure that the styles are not hiding or overriding the display of the submenu values in mobile view.

[PMike]

To fix the issue with your menu not displaying the dropdown values in the mobile view, you can follow these steps:

1. Log in to your Shopify admin.
2. Go to "Online Store" and click on "Themes."
3. Locate the theme you are currently using and click on "Actions" and then "Edit code."
4. In the code editor, find the "theme.liquid" file. This file controls the overall structure of your theme.
5. Look for the code that generates your mobile menu. It is typically located within a "nav" or "header" section.
6. Within that code, you will find the code responsible for displaying the dropdown values.
7. Ensure that the code includes the necessary logic to show the dropdown values on mobile devices. It may involve using JavaScript or CSS media queries to control the visibility of the dropdown elements.
8. Save the changes to the "theme.liquid" file.
9. Preview your website on a mobile device or use the "Mobile view" option in your browser's developer tools to check if the dropdown values are now visible.

If you're not comfortable making these changes yourself, I recommend reaching out to the theme developer or Shopify's support team for further assistance. They will be able to guide you through the process and provide specific instructions based on your theme's structure.