WooCommerce Content Appears Over Main Menu/Header

blazin1 · December 2017

WooCommerce content appears over main menu/header content on
PC. It works fine on mobile phones but not PC. How do I move the WooCommerce
page content down a bit so it is under the main menu when viewed on a computer? Here is a link to see the problem http://kistystephens.com/shop/.

Bryan · December 2017

Hi,
please go to theme options>global>advanced and enable content padding. Also you can enable content padding locally for one page, in that case edit your main shop page and enable the content padding there.
thanks

blazin1 · December 2017

The option to remove the content padding is turned off. I need to add to it so the pages don't look terrible. Please let me know how to increase the content padding at the top.

Bryan · December 2017

Try this css, just adjust the padding amount.

.woocommerce #Content {
	padding-top: 130px !important;
}

thanks

blazin1 · December 2017

That fixed the problem on the shop page and products page but the cart, checkout and my account pages are still messed up:

http://kistystephens.com/cart/

http://kistystephens.com/my-account/

Bryan · December 2017

Lets try something else, please remove the css for a moment and go to theme options>header&subheader>header. There change the minimalist option, try it.

blazin1 · December 2017

I just tried to change the minimalist option. It messes up the homepage header and pushes the content too far down the page.

blazin1 · December 2017

I ended up using the builder to fix the rest of the pages. Thanks for your help.

Bryan · December 2017

You showed me that you have enabled content padding in theme option but can you edit the main shop page and check if in the page option it is enabled as well? Screen: http://prntscr.com/hpmw78

If this does not help please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact
Notice! Please attach a link to this forum discussion.

Bryan · December 2017

You showed me that you have enabled content padding in theme option but can you edit the main shop page and check if in the page option it is enabled as well? Screen: http://prntscr.com/hpmw78

If this does not help please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact
Notice! Please attach a link to this forum discussion.

WooCommerce Content Appears Over Main Menu/Header

Comments