Add cart icon / Top of product page covered by header

1. How do I show a cart icon (view cart) at top of header?

2. The top portion of the shop and individual product pages are covered by the top nav/header. It covers the "item has been added to your cart" message as well. How can I fix this?

http://hollyrcouch.com/product/essential-oil-diffuser-necklace-design-1/

Comments

  • 1. Cart icon is a part of the Right Top Bar section so firstly, make sure you didn't turned this section off under Theme options > Header & Subheader > Extras section. Also, cart icon need to bet set under Theme options > Blog, Portfolio & Shop > Shop section. And please bear in mind that right top bar section is not available for some types of header where is not enough space for additional header stuff.

    2. The top bar is semi transparent and this is how the sense of being transparent looks like. So if you don't like the content behind the header, you should disable header transparency, or use the following css to move the content of single products down:
    .single-product #Content {
        padding-top: 110px;
    }
  • 1. It looks like the right top bar section is not available for this type of header. Is there another way I can have a view cart link on the shop page?

    2. Thanks! The css worked well!


  • Unfortunatelly the split menu does not have this option as you mentioned. You would have to change the header style for this. Sorry
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.