mbp Posted January 21, 2014 Share Posted January 21, 2014 Hi, I'm using Leo Slider with this theme: http://www.leotheme.com/demo/prestashop14x/?template=leo_drinks How can i hide the slider in responsive mode with css? Regards mbp Link to comment Share on other sites More sharing options...
vekia Posted January 21, 2014 Share Posted January 21, 2014 what you mean by responsive mode? im asking because "reponsive mode" is a just way of how website works. Link to comment Share on other sites More sharing options...
mbp Posted January 21, 2014 Author Share Posted January 21, 2014 what you mean by responsive mode? im asking because "reponsive mode" is a just way of how website works. I apologize for my lack of clarity. responsive.css determine how the site will look like when you visit the example from an iPhone or iPad. I would like to hide the Leo Slider for all visitors browsing from their mobile phone. I guess i do this in responsive.css? Link to comment Share on other sites More sharing options...
vekia Posted January 21, 2014 Share Posted January 21, 2014 everything depends on theme that you use. usually resposiveness is based on "media queries", it mean that: for example if screen width is less than "800px" - then responsiveness will hide some part of website if screen width is less than "500px" - then responsiveness will hide some part of website etc. also with media queries you can disable some part of websites only for certain "types" of view - landscape / portrait etc. so it's necessary to know: for what mobile devices (sizes) and for what type of view (landscape/portrait) ? Link to comment Share on other sites More sharing options...
mbp Posted January 21, 2014 Author Share Posted January 21, 2014 I use the leo drinks theme as the link in the first post. I would like to hide Leo Slider for devices using a width less then 500px Link to comment Share on other sites More sharing options...
vekia Posted January 21, 2014 Share Posted January 21, 2014 so in this case, somewhere in you css styles use this code; @media (max-width: 600px) { .leocamera_container { display: none; } } slider will disappear when you will browse page on device with window width to 500px Link to comment Share on other sites More sharing options...
mbp Posted January 22, 2014 Author Share Posted January 22, 2014 so in this case, somewhere in you css styles use this code; @media (max-width: 600px) { .leocamera_container { display: none; } } slider will disappear when you will browse page on device with window width to 500px Thx Veika. Can i also with some type of css move the product page so it displays over the category three in left column? Now i have to scroll to the bottom of the site to view a product. Link to comment Share on other sites More sharing options...
vekia Posted January 22, 2014 Share Posted January 22, 2014 any chance to get URL to your website (not leotheme demo) ? Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now