- This topic has 3 replies, 2 voices, and was last updated 4 years ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › Big Gap between top menu and product photos
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
Hi,
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,
Dave
Thanks 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
Hi,
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
When talking about WordPress, you may get curious about the plugins used by WordPress, shortcodes, page builder, etc., in the same way, SEO optimized WordPress […]
Are you looking best freelancer WordPress themes and templates? Here’s a list of the best freelancer WordPress themes for all individuals and freelancers. Premium Freelancer […]
Gutenberg Block Editor Addons WordPress Gutenberg is, by itself, a robust content editor. However, if you want to increase its efficiency even more, then you […]