Cart spacing issue on the phone view of my website’s drop down menu

  • Resolved iloveyoucompany2022

    (@iloveyoucompany2022)


    1 year, 5 months ago

    I downloaded and activated the plugin, WP menu cart a while back when setting up my site. I have some issues with the spacing for the menu item not lining up with the rest of the navigation menu. To fix this on the desktop view, I was able to add some custom padding: .wpmenucart-contents { padding-left:20px; }. However, this also applies to my phone menu view, and so the menu cart is moved too far to the right in that menu. How can I adjust the horizontal spacing in both places, so that the desktop spacing is far enough but the responsive menu cart is still lined up vertically with the rest of the navigation list items? Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor alexmigf

    (@alexmigf)

    Hi @iloveyoucompany2022

    Please try the custom CSS code below:

    /* Tablet */
@media screen and (max-width: 991px) {
	#wpmenucartli .wpmenucart-contents {
		padding: 0 20px 0 10px;
	}
}

/* Phone */
@media screen and (max-width: 767px) {
	#wpmenucartli .wpmenucart-contents {
		padding: 0 20px 0 10px;
	}
}

    You can add it under Appearance > Customize > Additional CSS

Viewing 1 replies (of 1 total)
  • The topic ‘Cart spacing issue on the phone view of my website’s drop down menu’ is closed to new replies.