Issue with Product Category Tabbed Hero

[tylergibbons93]

Hello
Sorry for another thread. I am having issues with my Tabbed Hero settings for the category pages. Why is there so much gap? I dont want any space up there. I just want “Wedding Invitations” to be flush to the mint bar. See attached photo of what it looks like, and also another photo of the settings that are in place under Theme Options –> Woocommerce –>shop options.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.tax-product_cat .page-heading.fancy-heading{
height:100px !important;
}

Thanks
Mohammad

[tylergibbons93]

Thank you! this works great on desktop but is having issues on mobile version. See attached

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I am getting 404 error for this error http://engagingpapers.com/epredesign/product-category/wedding-invitations/.
Thanks
Mohammad

[tylergibbons93]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 767px) {
.tabbed-heading-wrap{
bottom:-25px !important;
}
}

Thanks
Mohammad

[tylergibbons93]

Hello

So I added that into the thing…however now it doesnt show the global header anymore. Take a look at screenshots. ALSO: the default setting when you look at a cart page is just the “1” large product. Is there anyway to make the default view on mobile to the grid view?(attached).

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option so it can show 2 products per row in the mobile.

@media only screen and (max-width: 479px){
.woocommerce .products .product {
    width: 48%!important;
}
}

-Rui