Hmm, would you mind sharing your site’s URL so we can take a further look? I tested the code on my test site, and it worked for me.
Hi @boppar,
I’m sorry we missed your post. Have you been able to resolve this issue?
If not, you should be able to make the dropdown menu horizontal by adding this CSS code to the Additional CSS section of your site’s Customizer:
/* Horizontal dropdown menu for desktop devices /*
@media (min-width: 768px)
.main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul {
display: inline-flex;
}
This code should work for desktop devices and some larger tablet devices.
Please let us know if you need any further help! 🙂
Hi @tomiqa,
I’m sorry we missed your last post. Have you been able to resolve this issue?
If not, you can change the image sizes at Appearance > Customize > WooCommerce > Product Images inside your WP-Admin dashboard or using custom code.
I also recommend having a look at this blog post that explains a bit more about how to change the product image sizes.
I had a look at the links you shared and only the https://pixxsa.com/ shows any content. If you set the image size to 900px here, that would change the grid layout on the page, but you should be able to set that in the Thumbnail width setting found at Appearance > Customize > WooCommerce > Product Images inside your WP-Admin dashboard.
Please let us know if you need any further help! 🙂
Hi @ttn,
We haven’t heard back from you for a while, so I’m going to mark this post as resolved. If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.
Thanks!
Hi @lapanderi,
We haven’t heard back from you for a while, so I’m going to mark this post as resolved. If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.
Thanks!
Hi @jrobertse,
I’m sorry we missed your last post. Have you been able to figure out this issue?
If not, Storefront does load Google fonts via the <link> tag by default.
I had a look at your site’s source code using my browser’s developer tools and noticed that it behaves differently than the default Storefront theme I have set up on a test site. You may want to perform a conflict test to see if there is a plugin that has changed the font loading behavior on your site, such as a caching plugin. Have you added any custom code to your site?
Hi @roberthedlund ,
I’m sorry we missed your last post. I hope you have been able to resolve this issue. I will leave this thread open a bit longer if not.
If you still need help, please be aware that the “out of stock” feature is related to the WooCommerce plugin rather than the Storefront theme.
I recommend using the WooCommerce Waitlist or Waitlist Woocommerce ( Back in stock notifier ) plugins to set up a waitlist feature.
Or, I suggest using a pre-order plugin like WooCommerce Pre-Orders or Preorders for WooCommerce to let your customers pre-order “out of stock” products.
Hi there,
You’re welcome! Glad to hear you managed to fix the problem – thanks for letting us know!
> It looks like it was the Page Speed Ninja plugin that was causing it, although I haven’t managed to figure out why the issue only occurred on the basket and checkout pages (or where to manually edit css within storefront).
Hmm, if the Page Speed Ninja plugin cached these pages, that can often cause problems for your site. I am not sure if that would explain why the CSS does not work correctly on only those pages. I suggest reaching out the plugin’s developers for further help.
If you have any further questions, I recommend creating a new thread, so we can help you out there. Thanks!
Hi there,
I am sorry to hear that. I had a look at the code for your site’s basket page using my browser’s developer tools and noticed that the font-family is not set correctly:
Link to image: https://d.pr/i/WpfMIR
It currently looks like this, where the Font Awesome does not have quotes around it:
font-family: Font Awesome 5 Free;
I recommend changing to one of the following:
font-family: 'Font Awesome 5 Free;'
OR this version, which I took from the latest Storefront version on my test site (3.5.1)
font-family: Font Awesome\ 5 Free;
I noticed that your site has compressed the CSS files, which means you may have a caching plugin set up. Are you able to clear the cache then disable this caching plugin to check if the icons display correctly?
I also recommend following this guide, which explains how to set up caching plugins for WooCommerce: https://docs.woocommerce.com/document/configuring-caching-plugins/
Hi @villarabais,
I am sorry to hear you are having this problem. This thread is now closed, so please open a new one so we can help you there: https://wordpress.org/support/theme/storefront/#new-topic-0. Thanks!
Hi there,
In that case, it would be great to have you add this idea to the Ideas Board, which is where developers go to look for future plugin features and improvements.
If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there. Thanks!
Hi @boppar,
Glad to hear you managed to get the code working 🙂
If you need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there. Thanks!
Hi @sami35,
I’m sorry we missed your last post. Have you been able to resolve this issue?
I had a look at your site and am not quite sure what you mean. Are you referring to the delay after closing the menu? I made a screenshot of what I see:
Link to image: https://d.pr/i/1d5AUi
Hi @bydeane ,
I’m sorry we missed your post. Have you been able to resolve this issue?
If not, please could you share a link to your site so we can take a closer look. In the meantime, you could also check the Storefront docs for further help at:
https://docs.woocommerce.com/documentation/themes/storefront/woocommerce-codex-storefront/
As your post involves a development topic, I’m going to leave it open for a bit longer to see if anyone is able to chime in and help you out.
I can also recommend the WooCommerce Developer Resources Portal for resources about WooCommerce development.
You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there too.
Hi @sametgs70,
Thanks for sharing your System Status Report. I had a look through it and it looks like you are using the latest version of the Stripe plugin (5.1.0).
I suspect there may be another plugin or your theme that is causing the error and double billing.
The best way to determine if you have a conflict is to:
- Temporarily switch your theme to Storefront
- Disable all plugins except for WooCommerce
- Repeat the action that is causing the problem
If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.`
> im using nitropack caching with all the correct settings.
It is also possible that caching might be causing the issue. Would you mind checking that your caching plugin is set up per our recommendations: https://docs.woocommerce.com/document/configuring-caching-plugins/?
