Editing Sidebar Menu in Shopify using Kalles Theme (Mobile Version)

Technical Q&A

Topic summary

  • Goal: Customize the mobile sidebar menu in the Kalles theme so individual items can have different font sizes, bolding, and separators.

  • Constraint reported: The hired developer said styling can only be applied uniformly to all menu items, not per item.

  • Alternative approach: A responder suggests per-item styling is possible by wrapping specific text in HTML tags, assigning custom classes, and applying CSS (including mobile-specific rules). They offer further help after reviewing the site details.

  • Update: The store’s URL (under construction) was shared, along with an image illustrating the desired sidebar menu style.

  • Status: No confirmed solution implemented yet. Next step is a review of the provided URL and clarification of which menu text needs different styling.

  • Notes: The attached image and shared link are central for determining the exact CSS/HTML adjustments needed.

Summarized with AI on December 19. AI used: gpt-5.
1

Hello Shopify community,

I’m looking to edit the sidebar menu for the mobile version of my Shopify store using the Kalles theme. The developer I hired mentioned that it’s not possible to modify the font size or make certain text bold in the menu without applying the change to all text. Essentially, they said that I can only apply changes (like font size or bolding) to all menu items uniformly, and I cannot adjust individual menu items differently.

Is this accurate? Is it possible to customize the menu to have varying font sizes and styles for specific text items, where there are differences in font size, boldness, and separators between the items?

Any advice or guidance would be greatly appreciated!

2

This is Amelia from PageFly - Landing Page Builder App

You can change the font size of your text by wrapping it in an HTML tag and assigning a specific class to it. From there, you can apply different styling, such as font size, especially for mobile view. If you provide the URL of the page and specify which text you’d like to adjust, I’d be happy to take a look and assist further.

Hope that my solution works for you.

Best regards,

Amelia | PageFly

3

Hi Amelia @PageFly-Amelia , thanks for your reply. I’ll attach you the sidebar menu that I’m looking for, and you can see my current menu under this link (this is the store link but it’s still under construction) (https://8860c8-85.myshopify.com)

129ff6be-dd36-45be-8273-3a623bfcf1eb.jpeg
129ff6be-dd36-45be-8273-3a623bfcf1eb.jpeg636×1284 26.7 KB