Home Forums WoodMart – Premium Template Mobile issue after update

This topic contains 9 replies, has 2 voices, and was last updated by Bogdan Donovan Bogdan Donovan 2 days, 21 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #279932

    vtspec
    Customer

    The arrow next to the category name is missing to navigate back out of subcategories in the page title on mobile. Still works on desktop. Pics attached.

    Attachments:
    You must be logged in to view attached files.
    #279976

    Hi,

    Please, provide us your admin access so we can log in and check this on your side.

    Thank you in advance.

    #280270

    vtspec
    Customer

    Please see Private Content. Thank you.

    Private Content Hidden
    #280445

    Hi,

    Try to add the following code snippet to the Global Custom CSS area in Theme Settings.

    @media (max-width: 1024px) {
    
    body .wd-back-btn {
    	display: block;
    }
    
    body .wd-back-btn.wd-style-icon>a:before {
    	font-size: 26px;
    	content: "\f121";
      font-family: "woodmart-font";
    }
    	
    .page-title.with-back-btn .container {
    	position: relative;
    }
    	
    .page-title.with-back-btn .wd-back-btn {
    	position: absolute;
    	left: 0;
    	top: calc(50% - 30px);
    	margin-bottom: 0;
    }
    	
    .page-title.with-back-btn .entry-title {
    	margin-left: 30px;
    	margin-right: 30px;
    }
    	
    }

    Regards

    #281997

    vtspec
    Customer

    Thank you. The arrow is back but the positioning is off. It does not stay at the top of the menu, next to the page title (current category). Pic attached.

    While we’re in there, how do we make the page title font smaller? It’s huge, especially for mobile. Thanks.

    Attachments:
    You must be logged in to view attached files.
    #282015

    Hi,

    Try to replace the previous custom code with the following one:

    @media (max-width: 1024px) {
    
    body .wd-back-btn {
    	display: block;
    }
    
    body .wd-back-btn.wd-style-icon>a:before {
    	font-size: 26px;
    	content: "\f121";
      font-family: "woodmart-font";
    }
    	
    .page-title.with-back-btn .container {
    	position: relative;
    }
    	
    .page-title.with-back-btn .wd-back-btn {
    	position: absolute;
    	left: 0;
    	top: -2px;
    	margin-bottom: 0;
    }
    	
    .page-title.with-back-btn .entry-title {
    	margin-left: 30px;
    	margin-right: 30px;
    }
    	
    }

    To make page title smaller on mobile try to add following custom code to the Mobile Custom CSS area:

    body .page-title .title {
    	font-size: 24px;
    }

    Best Regards

    #282022

    vtspec
    Customer

    Fantastic. The Custom Mobile CSS code you provided made the font smaller but I would also like to decrease the row height. Thank you.

    #282185

    Hi,

    Please, describe to us your problems in a bit more details. Attach some screenshots.

    Thank you in advance.

    #282982

    vtspec
    Customer

    The page title takes up too much space so I would like to reduce the height as well as the line spacing of the category names. Please see the attached pics. I would like my page title to look more like the one on the AG site. Thanks so much.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #283122

    Try to add the following code snippet to the Custom CSS area in Theme Settings

    body .wd-nav-product-cat > li > a {
    	padding-top: 8px;
    	padding-bottom: 8px;
    }
    
    @media (max-width: 1024px) {
    	
    	body .title-size-small.page-title .title {
    		font-size: 26px;
    	}
    }
    

    Best Regards

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

You must be logged in to reply to this topic.