Hey @dutt
With Storefront, you can have different menus for desktop and for mobile.
If you want the menus to be the same on both desktop and mobile, make sure that these two checkboxes are checked (under Appearance → Customize → Menu → your menu):
Image link: https://d.pr/i/Plg1p4
To make the text in the menu button visible, use the following CSS code:
button.menu-toggle, button.menu-toggle:hover {
color: #000000;
}
button.menu-toggle::after, button.menu-toggle::before, button.menu-toggle span::before {
background-color: #000000;
}
Hey @mrwhitesky
Do you mean that you do not see the Custom Fields section when you select an order at all?
In that case, can you check the Screen Options at the top right, and see if the “Custom Fields” checkbox is checked? Here is a quick screencast for your reference:
Image link: https://d.pr/i/iQCgOB
Once that checkbox is checked, you should see the custom fields listed at the bottom of each order.
-
This reply was modified 5 years, 5 months ago by Senff - a11n.
Hey @acegdhrt77
It depends on how you (or the dropshipper) want to ship the parts – USPS, UPS, FedEx, etc.
For example, let’s say you use UPS for this. In that case, you can use the UPS Shipping Method extension on your site.
Basically, in the plugin’s configuration you will need to set from where the items will be sent, and for all products you will need to set the dimensions and the weight. The plugin will then calculate how much it will cost to ship those items from the origin address to the customer’s shipping address, and add these shipping costs to their order.
Hope this clarifies it a bit! Let us know if you have any other questions.
-
This reply was modified 5 years, 5 months ago by Senff - a11n.
Hey @roberthedlund
Can you share a link to your site, particularly a page from where you want make the out of stock items not clickable? That will make it a bit easier for us to give you some CSS code that will help.
Thanks!
Hey @roberthedlund
Can you share a link to your site, particularly a page from where you want to hide the “Sale” badge? That will make it a bit easier for us to give you some CSS code that will help.
Thanks!
Hey @wpjakarta
I’m sorry, I’m still a bit unclear what you mean. If you apply the code I gave you, the MENU button will always be centered on mobile devices (when the menu is sticky or not). Here is a screencast for your reference:
Image link: https://d.pr/i/6w4Wgd
Hey @martak333
Thanks for the screenshot. If you want to make the images wider on mobile devices, You can do this with a little bit of custom CSS code.
Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
@media screen and (max-width: 767px) {
.single-product #content > .col-full {
margin-left: 5px;
margin-right: 5px;
}
}
Select “Save Changes” from the top, and your changes will be applied to your site.
Note that will not only make the image itself wider, but also the text below it.
Hey @jerryflag
You can hide the search bar from the header with a little bit of custom CSS code.
Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
#masthead .site-search {
display: none;
}
Select “Save Changes” from the top, and your changes will be applied to your site.
Hey @roberthedlund
Can you share a link to your site, particularly a page from where you want to hide the “Select Options”? That will make it a bit easier for us to give you some CSS code that will help.
Thanks!
Hey @rajat-dutt
To reduce the space, you can use the following CSS code:
.storefront-breadcrumb {
margin-bottom: 10px;
}
As for your site being slow; this could be due to any plugin. I’d recommend the conflict-testing steps here to isolate the source of the issue: https://docs.woocommerce.com/document/how-to-test-for-conflicts/
The best way to find which plugin might be causing it, is to do the following:
– Disable all plugins except for WooCommerce.
– Turn off all caching on your site.
– Test to see if the site is faster again.
If that resolves the issue, then one-by-one you can re-enable your plugins, testing in between, until the problem appears again. This will then give you an idea about which plugin is the one causing your site to be slow.
Hey @kindfamily
To apply this code only for screens wider than 1000 pixels wide, you could use this instead:
@media screen and (min-width: 1000px) {
body.woocommerce-checkout {
padding: 150px;
}
}
Thank you. While that is a WordPress site using WooCommerce, the functionality for creating text is either an additional plugin, or it was custom coded. I can’t see how it was done exactly, so if you want to more about it, you might need to check this with the site owner.
Hey @bcbissonnette
It’s hard to tell from just a screenshot. Can you share a link to any of those sites so we can check?
Hey @roberthedlund
You can do this with a little bit of custom CSS code.
Go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
button.menu-toggle {
margin-top: 40px;
}
You should see the changes right away, but this is just a preview for you, so you can experiment a little if you like.
Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.
Hey @maurotto80
Glad to hear it’s resolved! I’ll close this thread, but if you run into any other issues, please don’t hesitate to create a new post.
-
This reply was modified 5 years, 5 months ago by Senff - a11n.
