Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 12, 2018 at 12:08 pm #911052
    govus

    Hello!
    Please see the site linked in private content. I made you an account in case you want to check out some stuff we’ve done. The site is in Finnish, I think I need to clarify that kassa=checkout, oma tili=my account, ostoskori= shopping cart :)

    Can we have the mini cart dropdown appear horizontal/ right side, where as now it appears on top of the menu? Also, can we have a hover color for the Checkout& show shopping cart-texts in cart dropdown? The are called Kassa&Näytä ostoskori, respectively, on our site.

    Thanks!

    February 12, 2018 at 8:31 pm #911319
    Basilis

    Hey govus,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    February 16, 2018 at 3:18 pm #913289
    govus

    Okay! Is it possible to have the cart icon be somewhere at the bottom of the menu, near the social icons?

    Also, I noticed the socket acts weird on product pages, stretching above the footer. Can you provide a solution in this thread? Thanks!

    February 17, 2018 at 9:32 am #913587
    Victoria

    Hi govus, 

    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

    
#menu-item-shop.cart_dropdown {
    top: 262px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 17, 2018 at 5:35 pm #913684
    govus

    Thanks, quick css didn’t work, I’ll try the other way soon! But: If I left the cart where it is and wanted the cart dropdown fade out be faster, is there css for that? See the main reason for this thread was that it might be a little clumsy user experience if the mini cart covers the menu, since mini cart won’t go away unless the user waits the whole fade out animation…

    Oh right, I have removed related products with this code:

    .related.products {
    display: none;
    }

    What do I add so that the container is not displayed? Big thanks!

    February 18, 2018 at 7:59 am #913809
    Victoria

    Hi,

    Best regards,
    Victoria

    • This reply was modified 6 years, 10 months ago by Victoria.
    February 18, 2018 at 2:43 pm #913922
    govus

    Hi! It seems that the social icons cannot be clicked when the cart is in the same element. Can we have it separated in its own? Otherwise I like it being at the bottom, thanks Victoria!

    February 18, 2018 at 9:34 pm #914015
    Basilis

    Hi,

    That is because the cart is taking all the width size.
    And if we change the width of it, it still 100%.

    Try if the following will work

    .html_header_sidebar #menu-item-shop.cart_dropdown {
position: relative;
z-index: -1 !important;
}

    Let us know if that would work.

    Best regards,
    Basilis

    February 18, 2018 at 10:30 pm #914051
    govus

    That moved the cart to the very bottom, but since the dropdown appears under the cart it cannot be seen. Thanks anyway!

    Since there were some drawbacks with the provided solutions, I think the best option to have the cart in its original place at the top, but have the fadeout be faster. Can you provide the code for that?

    February 19, 2018 at 3:05 pm #914279
    Victoria

    Hi govus,

    What do you mean by fade out faster? The dropdown, once a product was added to the cart?

    Best regards,
    Victoria

    February 19, 2018 at 3:14 pm #914289
    govus

    Hi, yes that’s right!

    February 19, 2018 at 8:40 pm #914518
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Woocommerce mini-cart styling’ is closed to new replies.