Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #889530


    There seems to be an issue with the shopping cart icon when added to the menu and you put a custom height on the main header.

    You have added a media query to adjust the height for under 767px resolution screens but it gets overridden still. The code that should be targetting the shopping cart icon should be:

    @media only screen and (max-width: 767px) {
        html #top #header_main #menu-item-shop .cart_dropdown_link {
            height: 80px;
            line-height: 80px;

    That code will help override it without the need of using important tags.

    Kind Regards,


    Hey Kostantinos,

    Thanks for sharing! We will inform our devs :)
    Edit: I could not reproduce the issue on my local installation. Are you using the latest version of the theme 4.2? If not, please update – kriesi.at/documentation/enfold/updating-your-theme-files/ and if you are, please let us know how we can reproduce the issue :)

    Best regards,

    • This reply was modified 6 years, 2 months ago by Yigit.

    Hello Yigit,

    Strange.. Because my site isn’t live yet, I’ve removed all the styling from my child theme and I’m still getting it.

    So these are my settings in the theme options Header>Header Layout tab:

    • Menu and Logo position: Logo left, menu right
    • Header size: Custom pixel value
    • Header custom height: 148px
    • Header Style: Minimal (no borders, indicators or transparency)
    • Header title and breadcrums: Display title and breadcrums

    The following checkboxes are checked in Header>Header Behaviour tab:

    • Sticky Header
    • Shrinking Header
    • Unstick topbar

    The rest of the options in other tabs wouldn’t make any difference on mobile. I’m using google chrome and using the mobile view in the console (called device toolbar) and using the view for “Iphone X”


    As you can see the cart is set to 148px in the height section and it’s near the bottom of the menu.

    • This reply was modified 6 years, 2 months ago by ConStambo.

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,


    Hello Mike,

    The details are in the private content section for you.

    I have removed all CSS styling to save you guys some time.

    Kind Regards,



    I could reproduce the issue on your installation and reported CSS selector changes to our devs. Thanks for the heads up :)
    I added following code to Style.css file of your child theme for the time being

    @media only screen and (max-width: 767px) {
    .responsive #top #header_main #menu-item-shop .cart_dropdown_link {
        line-height: 80px;

    Best regards,


    Hello Yigit,

    Glad you could and thank you for the solution

    Kind Regards,



    You are welcome Kostantinos!
    I am going to close this thread for now. If you have and questions or issues, please let us know :)


Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Please add this CSS in the next update.’ is closed to new replies.