Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 25, 2020 at 7:56 pm #1240752
    Morticka

    Hi guys,

    How do I make the cart on mobile bigger? It’s hard to tap the cart because it is so small.

    Thx in advance.

    Sincerely,
    Morticka

    August 30, 2020 at 1:06 pm #1241910
    Victoria

    Hey Morticka,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .cart_dropdown_first .cart_dropdown_link {
    font-size: 30px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 31, 2020 at 3:05 pm #1242203
    Morticka

    Great, it worked, thx Victoria! :D

    The icon however is also bigger on desktop, I would like only to display a bigger cart icon on mobile.
    Using the media only code moves the cart to the right of the hamburger menu.

    How can I fix this?

    Sincerely,
    Morticka

    • This reply was modified 4 years, 2 months ago by Morticka. Reason: Icon is also bigger on desktop, need it to be only bigger on mobile
    September 3, 2020 at 2:50 pm #1243113
    Ismael

    Hi,

    We can wrap the previous css inside a css media query so that it will only affect the mobile view.

    @media only screen and (max-width: 767px) {
    #top .cart_dropdown_first .cart_dropdown_link {
        font-size: 30px;
    }
}

    Best regards,
    Ismael

    September 3, 2020 at 3:02 pm #1243118
    Morticka

    Hi Ismael,

    Thx that worked! :D

    (Found my problem, I used the wrong query, min width in stead of max! Duh. :) )

    You can close this ticket.

    Sincerely,
    Morticka

    September 4, 2020 at 1:15 pm #1243303
    Victoria

    Hi Morticka,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.