Product title partially showing on mobile

Product titles are partially showing on the mobile. Please check the images for reference

Hello,

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

body .single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-last {
	display: block;
}

body .single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last {
	margin-right: 6px;
}

body .single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last:after {
	content: "/"
}

body .single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last {
	color: #8e8e8e;
	font-weight: 400;
}

Regards

Thanks, the bottom part of letter “g” is now blocked by the image.

Additional, How do I remove the “Home” and “Product Title” from the breadcrumb?

Hi,

Try to add the following code snippet to the Mobile Custom CSS area in Theme Settings to fix breadcrumbs margin on mobile.

body .single-breadcrumbs-wrapper .woocommerce-breadcrumb {
	margin-bottom: 30px;
	}
}

To remove Home from breadcrumbs add this snippet to Mobile Custom CSS area.

.woocommerce-breadcrumb a:first-child {
	display: none;
}

Product Title in breadcrumbs was added to your mobile resolution by previous code snippet https://prnt.sc/ifxzsm, and if you want to remove it you need to remove the actual snippet from your custom CSS field.

Regards

Thanks. I have a problem in the WooCommerce MultiStep Checkout Wizard plugin (https://codecanyon.net/item/woocommerce-multistep-checkout-wizard/8125187). Please have a look at the image.

Attachments:

You must be logged in to view attached files.

Where we can see this login form on your website?

This login form is on the checkout page. The multistep checkout plugin having an issue with the woodmart login form and social checkout. That is why there is two log in form on the checkout page. The top one is the login form of woodmart, and the bottom login form is the login form of the multistep checkout plugin. I want to keep only one of them.

Could you please try to switch to default WordPress theme and check how it works by default?

Please have a look. I switched to the default theme.

OK, please activate our theme again so we can prepare a fix for you.
Or try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.login-step form:first-child {
	display: none!important;
}

Regards

I activated your theme. Please have a look. Is it possible to show the login forms of woodmart?

Try to replace with this snippet

.login-step form:last-child {
	display: none!important;
}

Thanks a lot. I have another question.

When I go to the checkout page, the multistep checkout plugin first loads the default woocommerce checkout and then it renders to multistep checkout. I have attached a link for reference. https://gyazo.com/ab0e73120d5684cf2add0ae74d6b92fb

I am also getting some error in the console. https://gyazo.com/591bb868c4795600d0789100799a7518

But it is an issue related to the plugin, you need to contact its developers for help in this problem.

Thanks for the reply.

Is it possible to design the “Account Details” page like this image – https://i.stack.imgur.com/gfqIA.png

The field label should be inside the box as shown in the image and icon for the first name, last name and email?

Also a wide update button?

This request requires additional code customization that is out of theme support scope.

okay 🙂

[Author]

Posts