Top bar mobile responsiveness problem

Hello,

I’ve two issues that I occur:

1. By default, top bar menu on mobiles are Top bar RIGHT text. But how can I position Top bar LEFT text to be only one shown on top menu bar on mobiles intead of Top bar RIGHT text?

2. After update your theme, my wishlist stops working. Basically, if you try to hover my account when you log in, you’ll see that empty field under “Account details”. Also, if you try to click on heart icon for wishlist, you’ll see that its not working. Can you please check what is the problem with that?

Thank you.

3. Also one more thing happen… When I upgrade to new 1.8. my search bar from first row, comes to to second row which looks terrible (check my attachment). Why this happens? Can you please check? Thank you.

Hi,

1. Try to add the following code snippet to the Custom CSS area for mobile devices in Theme Settings

div.top-bar-left, div.topbar-left-text {
    display: block;
}

div.topbar-right-text {
		display: none;
}

.top-bar-left {
    width: 100%;
    text-align: center;
}

2. Seems that you have deleted your wishlist page in Dashboard -> Pages. You need to create this page and set it in YITH Plugins -> Wishlist.

3. You just need to clear your browser cache.

Regards

I see thanks.

Regard 1., basically I realize that I need to disable top bar on mobiles completely. How can I achieve that?

Try to add the following code snippet to the Custom CSS area

@media (max-width: 768px) {

.topbar-wrapp {
	display: none;
}
	
}

Regards

Thanks a lot. Tell me one thing… We are considering possibility to remove UPDATE LIST button on /cart/ when some products are added. Can you help us how to delete just that button and make it unavailable for customers to click on it?

You can try to hide it with the following code snippet

.cart .actions {
	display:none;
}

Thank you.

You are welcome!

[Author]

Posts