Hi there @hautecreations 👋
Thank you for your patience! We are experiencing an unusually high volume of support requests at the moment, and that has affected our response times.
Hello. I am using the Boutique Child Theme for my website but the mobile view is SO slow. Can you have a different theme for mobile or is there a way to make the settings for mobile view vastly different than my website settings? I genuinely do not know where to start.
As I understand, you are reporting slow website loading, with the Boutique child theme of Storefront active. Correct?
Kindly note that the Boutique child theme is responsive, meaning it will adapt and display beautifully, whether you view your store on a computer or handheld device.
Just to clarify, how are you noticing/recording the slowness? Could you share further information on that, so that we can investigate further, please?
Once I hear back from you, I will be happy to investigate this further.
-
This reply was modified 2 years, 9 months ago by
anastas10s. Reason: typo
Thank you so much. The length of time that it takes when you go from one page to another on mobile is MUCH longer than on the web. I have run several tests, to include Jetpack & other plugins, and they are all reporting the same thing.
I thought that buy using a WooCommerce theme I would not have these issues. So for example, I thought that if I created a webpage where all my products display in say 4 columns on the web, that this would automatically optimize for mobile by maybe making it two columns or at least smaller pictures.
I’m noticing the same thing with my font sizes. My site just looks like garbage on mobile and I didn’t expect to now have to go in and add a million CSS codes to make it mobile friendly.
So this is why I was looking for a fast way to make it optimized for mobile because the alternative, going CSS by CSS, is making me want to cry.
Hi @hautecreations
Thank you so much. The length of time that it takes when you go from one page to another on mobile is MUCH longer than on the web. I have run several tests, to include Jetpack & other plugins, and they are all reporting the same thing.
You are welcome! Just to note, there are parts of a site that come into play before code itself. The hosting infrastructure plays an important role in the speed that a site is served.
So this is why I was looking for a fast way to make it optimized for mobile because the alternative, going CSS by CSS, is making me want to cry.
I hear ya! It sounds like you have not yet tried with different hosting providers, perhaps.
Might I interest you in Woo Express? Feel free to try it out!
I hope this is helpful! Please let us know if you have any further questions or concerns.
-
This reply was modified 2 years, 9 months ago by anastas10s. Reason: added further context, with the now first part of my response
I appreciate your feedback but I don’t think your response directly answers my question. I’m locked into my current provider until March. So aside from that can you have a different theme for mobile or is there a way to make the settings for mobile view vastly different than my website settings?
I thought that by using a WooCommerce theme I would not have these issues. So for example, I thought that if I created a webpage where all my products display in say 4 columns on the web, that this would automatically optimize for mobile by maybe making it two columns or at least smaller pictures. None of that is currently happening and changing servers isn’t going to change that.
I’m noticing the same thing with my font sizes. My site just looks like garbage on mobile and I didn’t expect to now have to go in and add a million CSS codes to make it mobile friendly.
So this is why I was looking for a fast way to make my boutique theme design optimized for mobile because the alternative, going CSS by CSS, is making me want to cry.
Hi @hautecreations
First, I would like to assure you that WooCommerce themes are designed to be responsive, meaning they should automatically adjust to different screen sizes, including mobile devices. However, the exact layout, such as the number of columns or size of images, can vary depending on the specific theme and its settings.
To address your question about having a different theme for mobile, generally, it’s not possible to have a separate theme for mobile and desktop in WordPress. However, you can customize the mobile view separately using CSS media queries. This allows you to apply different styles for different devices based on screen size, resolution, etc., without changing your theme.
Regarding your concern about adding a lot of CSS codes, I understand that can be overwhelming if you’re unfamiliar with CSS. But don’t worry; there are plugins available that can help you modify your site’s appearance on mobile devices without having to write a lot of CSS code, such as CSS Hero, SiteOrigin CSS, Yellow Pencil, Elementor etc.
Please note that these are just examples, and many other plugins can help you achieve a mobile-friendly design.
Furthermore, you can optimize your site for mobile users in several ways, which can help speed up your site on mobile devices.
- Optimize Images: Large image files can slow down your site. Consider compressing your images or using a plugin that automatically optimizes images.
- Use a Caching Plugin: Caching plugins can greatly enhance your site’s speed by storing a version of your site’s pages and delivering them to visitors, which reduces the load on your server.
- Minify CSS and JavaScript Files: Minifying your CSS and JavaScript files removes unnecessary characters in your site’s code, which can help speed up your site.
- Use a Content Delivery Network (CDN): A CDN can speed up your site for visitors around the world by storing copies of your site’s pages on servers located around the world.
- Optimize Your Database: Over time, your WordPress database can become cluttered with unnecessary data. A database optimization plugin can clean up your database and make your site run more efficiently.
- Choose a Good Hosting Provider: A good hosting provider can make a big difference in your site’s speed. Make sure your hosting provider is reputable and offers the necessary resources for your site to run smoothly.
I hope these tips help! If you need further assistance, feel free to ask.
Thanks!
Hi, thank you so much for this information. I have determined that it was my modifications to the child theme that made it clunky. I did not know that making changes in the desktop view would not automatically scale to mobile.
I am becoming more familiar with CSS as I stumble my way through it, and finding the answers as I go. I was hoping there was an easier way but now I know that when designing my first website, design it in mobile view FIRST!
I appreciate your time and sharing all those resources.
Howdy @hautecreations
Thank you for the kind words. I’m glad to hear the culprit was found, and that mobile-first will be the way to go from now on!
Here are some further resources to check out, for when you have some time available:
Have a great one!
