Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 11, 2016 at 1:35 am #684637
    kmac

    Hi,
    I’ve set the “Menu and Logo Position” to “Logo center, Menu below”.
    Wanting to display the cart icon in the menu, Under “Header Shopping Cart Icon” I’ve set it to “Always Display attached to the menu”.
    Unfortunately, it’s not displaying correctly, as you can see from the screengrab below, it’s floating to the right above the menu:
    https://www.dropbox.com/s/ibjttjge4zit5in/screengrab.jpg?dl=0

    Any help would be great!

    • This topic was modified 8 years, 3 months ago by kmac.
    September 12, 2016 at 6:08 am #684881
    Rikard

    Hi kmac,

    Could you post a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    September 12, 2016 at 2:52 pm #685162
    kmac

    Hi Rikard

    Here you go:

    Home

    Thanks for looking into this

    September 13, 2016 at 1:15 am #685443
    Jordan

    Hi,

    Thanks for providing the link.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    a.cart_dropdown_link {
    padding-top: 75px !important;
    padding-right: 225px !important;
}

    Let me know how it goes!

    Best regards,
    Jordan

    September 13, 2016 at 2:31 pm #685796
    kmac

    Hi Jordan,
    Thanks for looking into the issue! The CSS fix works nicely with desktop browsers but doesn’t look so great on smaller devices (falls below the menu or overlaps menu items).
    I think the problem really is that the code for the cart icon is in the “inner-container” div & should be in “header_main_alternate” div instead, where the “main_menu” code is.
    See below screen-grab:
    https://www.dropbox.com/s/763lx7u3wkdzqfp/screengrab_2.jpg?dl=0

    September 18, 2016 at 7:32 am #688055
    Vinay

    Hi,

    Please remove this below code added earlier 

    a.cart_dropdown_link {
    padding-top: 75px !important;
    padding-right: 225px !important;
}

    and try this new code

    @media only screen and (max-width: 767px){
.responsive #top .logo {
    width: 60%!important;
}
.responsive #top #menu-item-shop .cart_dropdown_link {
    transform: translateX(-100px);
}}

    If there are any issues please get back to us with the wordpress login details so we can take a closer look at this issue.

    Best regards,
    Vinay

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