Home Forums WoodMart support forum Product page.

Product page.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #62843

    wonglui
    Participant

    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.
    #62907

    wonglui
    Participant

    Pls check, Thanks!

    #62912

    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

    #63061

    wonglui
    Participant

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

    #63076

    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

Viewing 5 posts - 1 through 5 (of 5 total)