Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 22, 2015 at 1:30 pm #477030
    eyeweb

    Hi,

    I would like to move the shopping cart icon to secondary menu.
    I used this:
    @media only screen and (min-width: 990px) {
    .html_header_top.html_bottom_nav_header #header_main {z-index: 10;}
    ul.cart_dropdown {top: 2px;}}
    The problem is that although I configured Enfold: ‘Display Floating on the side, but only once product was added to the cart’ the icon is always there.

    Can you please help?

    Thank you.

    July 23, 2015 at 5:47 am #477492
    Ismael

    Hi eyeweb!

    Thank you for using Enfold.

    Where exactly in the top bar do you want to place the cart icon? A screenshot will help. Use imgur or dropbox.

    Best regards,
    Ismael

    July 23, 2015 at 10:13 am #477604
    eyeweb

    Hi Ismael,

    Please view screen shots.
    I placed it at the right side of the secondary menu.
    The problem is that it exits all time, while I Configued it to: Display Floating on the side, but only once product was added to the cart.

    I would like to appear only when an item is added to the cart.

    Thank you.

    July 25, 2015 at 6:53 am #478568
    Ismael

    Hi!

    You can replace the code with this:

    .cart_dropdown {
  right: -50px;
}

.html_visible_cart .cart_dropdown {
  right: 200px;
  top: 2px;
}

#header_main {z-index: 10;}

    Adjust the values if necessary.

    Best regards,
    Ismael

    July 26, 2015 at 9:01 am #478712
    eyeweb

    Thank you Ismael.
    Do you have any suggestions how to handle it in responsive modes?
    At some screens it goes over the phone icon.

    July 27, 2015 at 8:49 am #478944
    Rikard

    Hey!

    Viewing your site I couldn’t see the issue you are describing, did you manage to get it fixed?

    Best regards,
    Rikard

    July 27, 2015 at 9:09 am #478949
    eyeweb

    Hi Rikard,

    The problem is in responsive modes.
    If you view it for example in:
    1024 x 768
    1366 x 768
    1200 x 800
    1280 x 800
    1280 x 1024
    1680 x 1050
    You will see that the icon is not placed correctly.
    Can you please help me with this?

    July 28, 2015 at 5:35 am #479422
    Ismael

    Hi!

    Use css media queries to adjust the position on different screen sizes. Example:

    @media only screen and (min-width: 1200px) {
.html_visible_cart .cart_dropdown {
  right: 500px;
}
}

    This will adjust the right position of the cart icon on screen sizes larger than 1200px.

    Cheers!
    Ismael

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