Joel Williams

You can do this using a function:

https://gist.github.com/stuartduff/a2c61865d3233a3da8ec24c813999f80

Or CSS:

ul#site-header-cart {
    display: none;
}

Hope that helps!

Hi there!

The easiest way would be to add some custom CSS to your child theme or in the Customizer under Additional CSS to hide it and then make the content wider:

@media (min-width: 768px) {
  aside.entry-meta {
    display: none;
  }
  .hentry.type-post .entry-content {
    width:100%;
  }
}

Hope that helps!

Hi there!

This is set by Storefront itself. Those options only appear if the theme you’re using doesn’t already declare them.

To override the woocommerce_single image size take a look at:

https://github.com/woocommerce/woocommerce/wiki/Customizing-image-sizes-in-3.3#changing-image-sizes-via-hooks

and

cssigniter.com/kb/adding-images-woocommerce/

All the best!

Thanks for letting us know, we’ll close this here then.

All the best!

I’ve just replied to your other thread about this, thanks!

Hi Kristin!

Do I just add in extra coding and upload a new mobile header separately and put it in the CSS for your theme ?

Personally I would use CSS media queries to resize the current header image or if that doesn’t work, do what you say and change the image on mobile devices.

What is the best way if I am not using a plugin for mobile, best way to visualise the changes for the mobile phone when working on a local computer (as I don’t upload until near the end of a website completion, I need to be able to view it as I go and make appropriate CSS changes. I am used to a little screen like the mobile that I can see what it looks like and adjust CSS as required.

If you’re using a browser developer tools (F12 on a PC or Ctrl+Option+i on a Mac) you can usually see a mobile icon. This is Chrome for example:

https://joelwills.com/jHNJcd

That will open the device viewer and you can change different sizes of device/screen to see how it looks.

Safari has a User-Agent option where it will load the site as if e.g aniPhone 6 was connecting. You can also re-size the browser like you’re doing.

Hope that helps!

Hi there!

We haven’t heard back from you for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!

Hi there!

I’m not sure what issue you’re having setting this up? That site is using the built in External/Affiliate product type:

https://woocommerce.com/videos/woocommerce-external-affiliate-product-overview/

Hope that helps!

Hi there!

There hasn’t been a reply for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!

Hi there!

There hasn’t been a reply for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!

Hi there!

There hasn’t been a reply for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!

Hi there!

There hasn’t been a reply for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!

Hi there!

There hasn’t been a reply for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!

Hi there!

There hasn’t been a reply for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!

Hi there!

There hasn’t been a reply for a while so I’m going to close this ticket.

If you’re still having problems please open a new ticket, thanks!