Jump to content

Quick view button disappear after css change


theDoris

Recommended Posts

Hi, In global.css I add

@media (min-width: 1366px)
global.css:1149
.container {
    max-width: 1300px;
}
after that quick view button stop showing on product list, I try add in product_list.css another @media min width but this is not working, this is my site:xxx Please somebody help me solve this problem. Edited by theDoris (see edit history)
Link to comment
Share on other sites

Hello theDoris,

 

The problem is in your product_list.css (Themes > your_theme > css > product_list.css).

You have to remove line 46:

@media (min-width: 1200px)
product_list.css:46
ul.product_list .product-image-container .quick-view {
    display: none;
}

Maybe you should empty your cache afterwards if you dont see any changes.

You can do this under Advanced Parameters > Performance in your backoffice.

Link to comment
Share on other sites

This is not cache issue because I remove all change in this file but even when I edit all min-width:1200 to 1366 still quick view not show up. I already try many thing adding another min-width declaration etc. and nothing work for me. When I remove change in global.css button is showing normally, you can check it by editing it in browser using console dewelopers tools.

Link to comment
Share on other sites

@media (min-width: 1200px)
product_list.css:46
ul.product_list .product-image-container .quick-view {
    display: none;
}

This means that when the screen size is above 1200px, the button gets a display: none.

So as I said before, to display the button on bigger screen sizes you have to remove that line of code.

 

You could also force it by adding the following code to the global.css:

#category a.quick-view {
     display: block!important;
}
Edited by Adeko.nl (see edit history)
  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...