Home Forums WoodMart support forum Top bar mobile responsiveness problem

Top bar mobile responsiveness problem

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #32138

    arven1
    Participant

    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.

    #32147

    arven1
    Participant

    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.

    #32180

    Artem Temos
    Keymaster

    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

    #32305

    arven1
    Participant

    I see thanks.

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

    #32318

    Bogdan Donovan
    Keymaster

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

    @media (max-width: 768px) {
    
    .topbar-wrapp {
    	display: none;
    }
    	
    }

    Regards

    #32692

    arven1
    Participant

    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?

    #32728

    Artem Temos
    Keymaster

    You can try to hide it with the following code snippet

    .cart .actions {
    	display:none;
    }
    #33227

    arven1
    Participant

    Thank you.

    #33246

    Artem Temos
    Keymaster

    You are welcome!

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Top bar mobile responsiveness problem’ is closed to new replies.