Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 13, 2020 at 3:38 pm #1245515
    dase_es

    Hello Enfold team,
    The cart icon is not visible in the mobile version. How can I solve that?
    I have seen that my Quick CSS is as follows:

    /* Activate burger menu */
    @media only screen and (max-width: 1024px) {
    nav.main_menu {
    display: block !important;
    }
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    Thank you!

    September 13, 2020 at 11:35 pm #1245561
    Mike

    Hey dase_es,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 1024px) {
#menu-item-shop {
    display: block !important;
}
}
@media only screen and (max-width: 430px) {
	#menu-item-shop .cart_dropdown_link {
	padding-right: 0 !important;
}
#header_main .av-logo-container {
	margin: 0 !important;
	width: 95% !important;
    max-width: 95% !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 14, 2020 at 12:41 pm #1245743
    dase_es

    Thank you Mike!! It’s works perfectly!!

    Regards!

    September 14, 2020 at 1:47 pm #1245764
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Cart Icon not visible on mobile’ is closed to new replies.