-
AuthorPosts
-
December 16, 2017 at 12:34 pm #889530
Hello,
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,
KostantinosDecember 19, 2017 at 2:23 pm #890505Hey 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,
Yigit- This reply was modified 7 years ago by Yigit.
December 20, 2017 at 7:57 am #890706Hello 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”
December 20, 2017 at 8:07 am #890707As 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 7 years ago by ConStambo.
December 31, 2017 at 8:01 pm #892394Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
MikeJanuary 3, 2018 at 2:28 am #892673Hello 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,
KostantinosJanuary 3, 2018 at 2:09 pm #892826Hi,
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,
YigitJanuary 4, 2018 at 12:52 am #893007Hello Yigit,
Glad you could and thank you for the solution
Kind Regards,
KostantinosJanuary 4, 2018 at 1:07 am #893015 -
AuthorPosts
- The topic ‘Please add this CSS in the next update.’ is closed to new replies.