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.