How can I fix minor issues with my Debutify theme?

Technical Q&A
1

Hi all,

I hope all is well.

Got a few minor issues/changes that need doing to my Debutify theme, please see below:

  • Ticks are showing as green on desktop but black on mobile. I need them to be green on both.

  • How to create a sub menu for one of my main menu options

  • Text for testimonials is too thin on mobile but is fine on desktop

  • How to change the date of blog posts

Thank you in advance!

All the best,

Olly

2

Here are the solutions to the minor issues/changes you mentioned for your Debutify theme:

  1. Ticks showing as green on desktop but black on mobile: To ensure the ticks are consistently green on both desktop and mobile, you can modify the CSS code. Locate the CSS code that styles the ticks and override the mobile-specific styling. Look for a media query that targets mobile devices and adjust the color property to match the green color used on desktop.

  2. Creating a sub menu for a main menu option: To create a sub menu for one of your main menu options, follow these steps:

    • Go to your Shopify admin and navigate to “Online Store” > “Navigation.”
    • Locate the menu that contains the main menu option you want to create a sub menu for.
    • Click on the main menu option to reveal the edit options.
    • Add a new link or select an existing link to serve as the sub menu item.
    • Indent the sub menu item by dragging it slightly to the right, indicating that it is a sub menu item.
    • Save the changes to update the menu. The sub menu should now appear when hovering or clicking on the main menu option.

  3. Adjusting the text thickness for testimonials on mobile: To change the text thickness specifically for mobile devices, you can modify the CSS code responsible for styling the testimonials. Locate the CSS code that targets mobile devices and adjust the font-weight property to achieve the desired thickness. You may need to experiment with different values to find the desired result.

  4. Changing the date of blog posts: To change the date of a blog post, follow these steps:

    • Go to your Shopify admin and navigate to “Online Store” > “Blog Posts.”
    • Locate the blog post you want to edit and click on it.
    • In the blog post editor, you should find a field labeled “Published on” or “Published at” that displays the current date.
    • Update the date to the desired value.
    • Save or publish the changes to update the blog post with the new date.