Home › Forums › All Other Themes › Big Gap between top menu and product photos
- This topic has 3 replies, 2 voices, and was last updated 2 years, 6 months ago by
Sonnal S Sinha.
-
AuthorPosts
-
June 3, 2021 at 1:49 pm #179600
There is a big gap between the top menu and the product photo on web-based device but not mobile device. How can i remove the big gap??
bosu.freeofficesolutions.com/?product_cat=packs
This problem appears on all product pages under online menu.
Sandy
June 4, 2021 at 12:01 pm #179634Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.tax-product_cat .page_head, .tax-product_cat .post_head { height:auto !important;} body.woocommerce-page #content { margin-top: 80px;}
Regards,
DaveJune 5, 2021 at 12:07 pm #179664Thanks Dave, it works,
However, I found some of the product page has below problem. The ‘related product’ text font is too big. But some of the product pages don’t have this problem?
Also, may I know how to make the top menu background color? I made changes on the customise area but it doesn’t work on those page generated by woocommerce.
Sample page: bosu.freeofficesolutions.com/online-menu/teriyaki-beef-bento?v=6cc98ba2045f
June 7, 2021 at 12:47 pm #179704Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
section.related.products { float: left; } body.woocommerce-page .header { background: rgba(2,2,2, 1) !important; }
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.