[Skip to main content](#vessel-content) # change dropdown of mini cart module to dropup ## - **[BluepointWebdesign](/forum/user/34929-bluepointwebdesign "View BluepointWebdesign's Profile")** - [![BluepointWebdesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34929-bluepointwebdesign "View BluepointWebdesign's Profile") Topic Author - [ Offline](/forum/user/34929-bluepointwebdesign) Less More - Posts: 424 - Thank you received: 11 - - 5 years 11 months ago [\#326807](#326807) by [BluepointWebdesign](/forum/user/34929-bluepointwebdesign "View BluepointWebdesign's Profile") *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#326807 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* was created by *[BluepointWebdesign](/forum/user/34929-bluepointwebdesign "View BluepointWebdesign's Profile")* -- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86359 - Thank you received: 14296 - - 5 years 11 months ago [\#326823](#326823) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#326823 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hi, If you edit the "Front-end CSS File" setting in the HikaShop configuration, you'll find this CSS which controls the display of the dropdown system: Code: div.hikashop_cart_dropdown_container { position:relative; } div.hikashop_cart_dropdown_content { z-index:1000; position:absolute; width:auto; padding:4px; border:1px solid #808080; background-color:white; } So you need to add a bit of CSS to it to make it work like you want. What CSS to use exactly would depend on the situation on your website. I would need the URL to a page with it to be able to check on the situation to say precisely. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")** - [![smithshop123's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/17903-smithshop123 "View smithshop123's Profile") - [ Offline](/forum/user/17903-smithshop123) Less More - Posts: 212 - Thank you received: 17 - - 4 years 11 months ago [\#337581](#337581) by [smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile") Replied by *[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337581 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hi, we have a similar issue. As per the attached image, our product image sits below the popup cart. Unfortunately when you click on 'Checkout' it selects the image below instead of the button. We can fix this in firebug by changing the image's z-index to -1 but we don't know where to edit the source file to make this permanent. Any assistance on where this is located would be appreciated. [ ![zindex-setting-product-vs-checkout.jpg](/forum/attachment/53959) ](/forum/attachment/53959 "...s-checkout.jpg") Regards, Ian and Stu - [ ![zindex-setting-product-vs-checkout.jpg](/forum/attachment/53959) ](/forum/attachment/53959 "...s-checkout.jpg") [ ](/forum/attachment/53959?download=1 "...s-checkout.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86359 - Thank you received: 14296 - - 4 years 11 months ago [\#337585](#337585) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337585 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hi, I'm not able to reproduce the problem on your website : [ i.imgur.com/JCxrP4s.png](https://i.imgur.com/JCxrP4s.png) When I open the cart module on a product page, the checkout button works fine and it is on top of the product image. Could you provide precise instructions ? It is only with FireFox that you have the issue ? Which version ? On which product page exactly ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")** - [![smithshop123's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/17903-smithshop123 "View smithshop123's Profile") - [ Offline](/forum/user/17903-smithshop123) Less More - Posts: 212 - Thank you received: 17 - - 4 years 11 months ago [\#337596](#337596) by [smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile") Replied by *[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337596 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Apologies, this only occurs on mobile phones when selecting the 'checkout' button whilst on any product page. Regards, Ian Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86359 - Thank you received: 14296 - - 4 years 11 months ago [\#337602](#337602) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337602 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hi, Well, I checked on my Android smartphone with Chrome and I don't have the issue either. Could you please double check ? Do you only have the issue with a specific type of smartphone ? Or a specific mobile browser ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")** - [![smithshop123's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/17903-smithshop123 "View smithshop123's Profile") - [ Offline](/forum/user/17903-smithshop123) Less More - Posts: 212 - Thank you received: 17 - - 4 years 11 months ago [\#337616](#337616) by [smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile") Replied by *[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337616 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hi, can you try it with the product I've shown in the image from my original post (cosmetic anaesthetic astringent). It happens when the 'checkout' button is over the product image on the product page. Some product images aren't big enough or are cropped enough to not be affected. This happens on all phones we have tested (e.g. pixel 2, HTC U11, Samsung S20 FE, Iphone XR). Thanks again, Ian and Stu Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 4 years 11 months ago - 4 years 11 months ago [\#337627](#337627) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337627 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hello, We process an analyze directly on your website, and we noticed several things that could explain your display problem described. - You use a **custom version** of the default frontend file css, maybe from a **too old version of HikaShop** ? **=>** At least there should be commands coming from the frontend file which are missing to manage the dropdown cart, and so try to use the default frontend file css - We have seen some strange anomalies that we are unable to reproduce on our localhost, see my picture : [ ![alt](https://i.ibb.co/mTNP6LY/prod-ex.png) ](https://i.ibb.co/mTNP6LY/prod-ex.png "alt") The proceed button work as expected, and the badge don't go over the card Maybe this come from the template, and your specific display, proportions, positions etc... Can you process a test with a default template like ProtoStar to check if that solve your issue ? If that solve at least part of your display issue, you have to **contact the template creator support**. Awaiting your returns to progress on your subject. Regards Last edit: 4 years 11 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")** - [![smithshop123's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/17903-smithshop123 "View smithshop123's Profile") - [ Offline](/forum/user/17903-smithshop123) Less More - Posts: 212 - Thank you received: 17 - - 4 years 11 months ago - 4 years 11 months ago [\#337657](#337657) by [smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile") Replied by *[smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337657 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hi, setting the css front end to 'default' didn't work but switching off the 'Free shipping' badge did work. If you can point me to where its z-index is controlled (i.e. the badges), I might be able to put in a temporary fix until we can investigate further. Thanks, Ian and Stu We found a workaround to give us time to figure out the problem. Changing the Badge to 10% and moving it to the bottom right placed it out from under the 'checkout' button on mobiles. Many thanks for looking into this. We had some work done on the site by a coder and they changed the default views against our wishes. We need to figure out how to keep the custom look of our shopping cart/minicart icon via the language file rather than changing the view. Last edit: 4 years 11 months ago by [smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile"). Reason: found a workaround Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 4 years 11 months ago - 4 years 11 months ago [\#337661](#337661) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[change dropdown of mini cart module to dropup](/forum/25-install-update/901395-change-dropdown-of-mini-cart-module-to-dropup#337661 "-- HikaShop version -- : 4..4.0 -- Joomla version -- : 3.9.x -- PHP version -- : 7.3 Hello, We use the module of the midi cart and have placed this at the bottom of the site.. How can we change it to a dropup instead of a dropdown.. otherwise it is not visible. :)")* Hello, By using your navigator inspector tool you can find the relative css command : [ ![alt](https://i.ibb.co/Kq0NSBY/inspect-css.png) ](https://i.ibb.co/Kq0NSBY/inspect-css.png "alt") As, you can see it's an inline css command and so in order to override it, you must use an "!important" Example : **.html\_class\_element\_targeted { command: value !important; }** Hope this will help you. Regards Last edit: 4 years 11 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [smithshop123](/forum/user/17903-smithshop123 "View smithshop123's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzkwMTM5NS1jaGFuZ2UtZHJvcGRvd24tb2YtbWluaS1jYXJ0LW1vZHVsZS10by1kcm9wdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.080 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)