MrCookie

So, here’s my current workaround. It’s more CSS, but the end result is cleaner and more user friendly imo. This should work with multiple items in the cart as well.

@media only screen and (max-width: 425px) {

	table * {
		display: block !important;
		text-align: left !important;
	}
	td {
		padding: 10px !important;
		border-bottom: none !important;
	}
	th {
		padding: 10px !important;
	}
	.edd_cart_item:nth-of-type(even) {
		background-color: whitesmoke;
	}
	.edd_cart_header_row {
		display: none !important;
	}
	td.edd_cart_item_name:before {
		content: "Item Name: ";
		font-weight: 700;
	}
	td.edd_cart_item_price:before {
		content: "Price: ";
		font-weight: 700;
	} 
	.edd_cart_remove_item_btn {
		margin: 0px !important;
	}
	#edd-save-cart-button {
		text-align: center !important;
		text-decoration: none;
	}
	.edd_cart_discount:before {
		content: "Discount: ";
		font-weight: 700;
	}
}

• This reply was modified 4 years, 2 months ago by MrCookie.
• This reply was modified 4 years, 2 months ago by MrCookie.

Hi @pratik-jain,

I appreciate your help, but I’m afraid these aren’t really the types of solution I’m looking for, as an overflowing element leads to a poor user experience and they should also always have the option to remove items from their cart.

I also had to CSS my way around the fact that the total price is displayed outside of the viewscreen. I have enough experience with CSS to handle that, but less-experienced website owners may have more difficulty.

I’m honestly surprised that EDD used an html table for this element since they’re notoriously unresponsive. Do they not want to address this with a plugin update? I’ve seen other users with the same issue as far back as 2-3 years and nobody was ever given a solution.

Thanks again for your suggestions. I’ll keep working on it.

Hi Dimitris,

Thank you for your reply and the tips! I completely redid my asset optimization and that fixed both issues (even though my settings are the same as before?).

I’ll be sure to try that again in the future if any other problems arise.

Thanks again!

I’ve restored the plugin backup again. Please let me know when you’re ready to look into this again, so that I can re-update the plugin and you help you see what I see.

P.S. I also tried restoring the old version of my theme to see if that was causing a conflict and it was not.

Hi @wpmudevsupport11,

Thank you for your recommendations, but unfortunately, neither of these fixed the problem. Is there anything else in my settings that could be causing the minification issue?

Here’s an example with plenty of improperly formatted galleries (near the bottom of the article): https://www.hesaidorshesaid.com/destinations/south-america/patagonia-budget-travel-guide-and-road-trip-itinerary/

Also, when scrolling over a mega menu item, the mega menu should cover the width of the viewport and not only the width of the menu.

Viewing the page unminified solves both issues.

Thanks in advance for your continued support. ??

@brainstormteam Thanks for the update, Suman!

Was this resolved with the most recent update? I’m still getting the search console error that “either name or item.name must be specified” plus my breadcrumbs aren’t displaying properly on some pages. The “itemprop” is just that, only “itemprop” and not ‘itemprop=”breadcrumb”‘. Or is this an entirely different issue all together? I can share an example link if need be.

Thanks ??

@vanyukov

Great! Thanks for the tip!

Hi Anton,

Yes, I do. Do you think I should uncheck that option?

Best,
Ryne

I was having the same problem on my website https://www.hesaidorshesaid.com/ and solved it by clearing the hummingbird cache. It’s certainly a bandaid solution, but might be better than completely deactivating the plugin until you can solve the problem on the server side.

Hope this is helpful!

Hey Tom,

Thanks so much for your quick help! Deactivating the plugin and clearing the cache solved the problem. ??

Best,

Ryne