Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 20, 2015 at 4:29 pm #539743
    Jaap de Wit

    Hi,

    I’ve changed the homepage to always show the mobile menu icon instead of the normal menu. Problem is when you put something in the cart the cart icon appears and overlaps the mobile menu icon on smaller screens. How can I solve this with css?

    Cheers,
    Jaap

    November 20, 2015 at 4:32 pm #539747
    Yigit

    Hey Jaap!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_visible_cart .cart_dropdown {
    right: 6%;
}

    Cheers!
    Yigit

    November 20, 2015 at 4:57 pm #539763
    Jaap de Wit

    Hi Yigit,

    Thanks for the quick reply. The code works on my 15″ but on smaller screens the buttons still overlap each other. I’ve added this code also for the various resolutions:

    @media only screen and (max-width: 1300px)
    {.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
    right: 8% !important;
    }}

    @media only screen and (max-width: 950px) and (min-width: 767px)
    {.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
    right: 10% !important;
    }}

    If this can be done more easy let me know.

    Cheers,
    Jaap

    November 20, 2015 at 5:00 pm #539766
    Yigit

    Hey!

    That would be the correct approach. We would provide you the same or similar code :)
    Glad you figured it out!

    Cheers!
    Yigit

    November 20, 2015 at 5:04 pm #539768
    Jaap de Wit

    Hi Yigit,

    One more thing I notice. On other pages where the normal menu is present the cart icon currently overlaps the social icons :-)
    Any ideas?

    Cheers,
    Jaap

    November 20, 2015 at 5:08 pm #539772
    Yigit

    Hi!

    Please change the code to following one 

    .html_visible_cart .home .cart_dropdown {
    right: 6%;
}

    Cheers!
    Yigit

    November 20, 2015 at 5:10 pm #539775
    Jaap de Wit

    Of course :-) My thanks!

    November 20, 2015 at 5:12 pm #539779
    Yigit

    Hi!

    You are welcome! Let us know if you have any other questions or issues and have a great weekend! :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile menu icon and shop icon’ is closed to new replies.