- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
magento 2.1 luma template min cart css height = 0 cause showing scroll bars
Hello,
i use magento 2.1 with luma theme and if i adde item so the min shopping cart the its get added but the item height in min cart is not correct.
height in css = 0.
does anyeone face the same problem ? I installed magento via composer.
Here is a screenshot with code and ui problem.
https://drive.google.com/file/d/0B8LeUeBCueLDMHVKZUNmcWxxT3M/view?usp=sharing
Looks for me like a luma template issue.
.........
<ol id="mini-cart" class="minicart-items" data-bind="foreach: { data: getCartParam('items'), as: 'item' }" style="height: 0px;"> <!-- ko foreach: $parent.getRegion($parent.getItemRenderer(item.product_type)) --> <!-- ko template: {name: getTemplate(), data: item, afterRender: function() {$parents[1].initSidebar()}} --> ........
Thank you,
Philipp
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: magento 2.1 luma template min cart css height = 0 cause showing scroll bars
still have the problem even with 2.1.3 version , article in mini cart dont have correct css height.
nobody face the same problem ? Here two more screenshots
https://goo.gl/photos/KLCEr3FpCiV17foc9
any hint is welcome
Thank you,
Philipp
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: magento 2.1 luma template min cart css height = 0 cause showing scroll bars
I am facing same problem, any update. As per my investigation it related to js issue , but not find any source of causing
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: magento 2.1 luma template min cart css height = 0 cause showing scroll bars
Hello pravesh,
found the problem. Had done some CSS modification think they broke the layout.
Best deactivate all modules and your custom code and see if the problem still exists.
li.product-item {
/* display: inline; */
}