A member of the old community requested for the ability to have a different image for mobile and desktop in the default Slideshow section in the Dawn theme. The solution works on Dawn versions 13, 14, and 15. All you have to do is replace the correct version of the attached section file depending on your Dawn theme version. The file needed to be replaced is: "sections/slideshow.liquid"

NOTE: This post was originally posted on our website but since we are removing the Blog part, we think it might be useful for our community. Also, NO part of this post was done with ChatGPT (many typos can confirm it :) -- A slow Shopify store can be a real conversion killer. Numerous studies have shown that even A ONE-SECOND DELAY IN PAGE LOAD TIME CAN RESULT IN A 7% DECREASE IN CONVERSION RATES. Yikes! So, how can you keep your Shopify store running at lightning speed?! Here are five tips for you to look at. 1. Choose a fast theme -- This is the most important investment that you can make for your Shopify store’s success because not all Shopify themes are created equal. Some themes are simply better throughout and much faster than others. When choosing a theme, be sure to test the theme's speed on a tool like Google’s PageSpeed Insights or GTMetrix. While you shouldn’t fully rely on this tool as they are guideline, it offers a good insight into some of the theme’s issues. If you are a developer (or know one), of course checking the “Network” tab in the Developers’ tools can yield some very interesting insights too. The third option and the simple one, is just checking the theme’s demo on yourself, Hitting Hard Refresh on Chrome can give you a good sense of how fast the theme is. 2. Optimize your images -- Let us be very clear here, there is nothing you need to do about this point, except provide professional and high-quality images. Well, then why is this point on the list, you may ask? That’s because we see lots of wasted energy from many Shopify store owners trying to crop or resize their products or other promotional images. Unless you are using a very old or poorly developed Shopify theme, that job is already taken care of for you. Shopify will crop and optimize all your store’s images according to the format specified by the theme, including different sizes for mobile/desktop.

First, we recommend that you create two menus from the Shopify admin - navigation, one for the desktop and one for the mobile. Also, please find attached two screenshots of how we have structured both menus on our demo for the KS Millennium theme. Here are some key points to know for both menus. - To show the megamenu on the desktop menu you need to have 3 child levels, and the dropdown will switch from a normal dropdown to a megamenu automatically (check the "Shop" menu item on the screenshot) - To show the image on the left of the dropdown menu items along with the subtitle below you have to separate the menu items with the "|" (pipe) character. - To show a dropdown menu item as a header (without a link), the menu link has to be only a "#" (hash) character. The menu item title can be anything. - To have a dropdown separator (horizontal line) on the menu dropdowns the menu item link must be only a "-" (hyphen). The link can be anything but usually, we add just a "#" symbol - To show a menu item as a button (megamenu) the link title must be separated with a "|" (pipe) character and after it should have the button class. Classes that can be used are: btn-primary, btn-light-primary, btn-outline-primary. Also instead of "primary" you may use "secondary" to use a secondary style. E.g menu item "Best selling | btn-primary" - The mobile menu must be structured with two levels only (not three like the desktop megamenu). That's because the customers will have difficulties navigating 3 levels deep on the mobile menu. Feel free to let me know if you have any other questions.