The main menu moves down after I activated WooCommerce

Hi Guys
2 part question, but firstly thank you again for your support and an amazing theme.

1. I am starting work on Product pages for my client's site www.sunessentials.com.au/ I have installed and activated the WooCommerce plugin, followed all the steps via your documentation, then when I went to the site and refreshed the menu navigation has dropped down a lot into the main image.
see example.
imageIs there some bit of CSS that can bring it back to normal?

Thanks.
Question2. Is there something I am missing to bring into my pages the WooCommerce products like in the demo pages see here:
How to turn this:
[product_category per_page="3" columns="3" category="be-lotion"]

into this (demo)
http://themes.muffingroup.com/be/cosmetics/belotion/
image
I will be using WooCommerce for the very first time, and thought the product pages will give me a lot of confidence in working through the site.
again thanks for your help
Bryan

Comments

  • Hi Bryan,

    1. The problem is related with not enough space in header. You got too many menu items, logo is big as well and this cart icon on the right. That's why the menu goes down under WooCommerce activation. So or you will remove one of your menu items or you need to decrease padding between them with the following css:
    #Top_bar .menu > li > a span:not(.description) { padding: 0 15px !important; }
    2. What is your problem exactly here?
  • wonderful, that worked, too many menu items, yes, but you know how it goes with the client!!

    2. Should I be seeing the demo product pages?

    I don't, that's why I showed the shortcode I see on my pages, the graphic above shows what's on your demo pages.

    any advice, thanks
  • 2. Yes, you supposed to see products if you used this shortcode properly. Maybe you put wrong category name and that's why products does not display?
  • Sorry I am lost, so when I started with the theme and if I had installed wooCommerce then, would I have seen all the pages with products filled in with the demo content?

    I have renamed pages then edited them, have I lost some shortcodes then?
    Not sure about the category, sorry very new to Woocommerce.

  • WooCommerce supposed to be installed before theme and pre-made layout. If you installed WooCommerce plugin after theme and demo you need to add everything yourself by manual.
  • OK, got it, I wouldn't know where to start installing it manually.
    I might start again, get it right from the start, I can copy all the css edits, and re-paste that back in a new install.
    Might take some screen grabs of the home page, that's all I have done so far.

    Could I suggest that you somehow make a note of this in your documentation? as demo content is No2 on the list and WooCommerce is No10 and we are all new to the theme and want to get it looking right then edit it.

    thanks anyway




  • Sure, we will consider it.
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.