Mobile issue after update

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.

Hi,

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

Thank you in advance.

Please see Private Content. Thank you.

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

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.

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

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

Hi,

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

Thank you in advance.

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.

Attachments:

You must be logged in to view attached files.

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

[Author]

Posts