Product page.

1.The tab menu background is overlay on the copyright of the product page.(refer 1.jpg & link of website1)
2.Can I make the search filter icon the same? Regardless of destop or mobile version.(refer 2.jpg & link of website2)
3.I want to mobile version “show sidebar” are aligned to the center position. Is it possible? (refer 2.jpg)

Attachments:

You must be logged in to view attached files.

Pls check, Thanks!

Hello,

Site # 1:
Please deactivate all the third parties plugins not related to the theme and provide.

In order to distinguish which plugins relate to the theme and which do not, deactivate them all and then navigate to Appearance > Install plugins and activate all in the list.
This issue is caused by other CSS files.
https://gyazo.com/91dc0cd02c345272ca109b64144bdc9b

Site #2 Please add this custom CSS to Theme Settings > Custom CSS

@media (max-width: 768px) {
	body.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .woodmart-shop-tools {
		position: relative;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	
	body.offcanvas-sidebar-mobile .shop-content-area:not(.col-sm-12) .woodmart-show-sidebar-btn {
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translate(-50%);
		-webkit-transform: translate(-50%);
	}
}

body .woodmart-show-sidebar-btn:before,
body .woodmart-sticky-sidebar-opener:after {
	  content: "\f085";
    font-family: fontawesome;
    display: inline-block;
    font-size: 16px;
		font-weight: 400;
}

body .woodmart-show-sidebar-btn:before {
	margin-right: 5px;
}

body .woodmart-show-sidebar-btn .woodmart-side-bar-icon {
display: none;
}

Best Regads

Thank you very much, it work!
I can edit the navigation font size for mobile version? I want to be larger than the default.

Hello,

Please try this code:

.site-mobile-menu li a {   
    font-weight: 600;
    color: #2d2a2a;
    font-size:14px;
}

Replace the values as per your needs.

Best Regards

[Author]

Posts