Hello friends,
Currently i am developing this site www.irocknatural.com with wordpress . I am using mayashop theme and woocommerce plugin. This site is having problem with iphone devices though the responsive mode is enabled. If you check the site, you will see that 'add to cart' button is going beyond the next product image (products are organized vertically for iphone). I visited the site with online iphone emulator enabled firebug and investigated the CSS rules. And i detected the problem that " the height for the each product box is 200px" so if any product has too long name, the add to cart button get out of the 200px high box. So i decided to change the value of height. the page is getting stylesheet for iphone from this link http://irocknatural.com/wp-content/themes/maya/css/lessthen480.css
i change the height value via ftp. but that still remaining same. 200px. I checked with firebug again. It is getting stylesheet from the right link and the number of CSS code line is also same. When i go via ftp, it shows values according to my modification (height: 300px. But in firebug for online iphone emulator -the height value is still 200px. where is the problem?
CAN EXPERT HELP ME PLEASE? i WANT the solution badly. Help me please. I will be grateful to you.
Currently i am developing this site www.irocknatural.com with wordpress . I am using mayashop theme and woocommerce plugin. This site is having problem with iphone devices though the responsive mode is enabled. If you check the site, you will see that 'add to cart' button is going beyond the next product image (products are organized vertically for iphone). I visited the site with online iphone emulator enabled firebug and investigated the CSS rules. And i detected the problem that " the height for the each product box is 200px" so if any product has too long name, the add to cart button get out of the 200px high box. So i decided to change the value of height. the page is getting stylesheet for iphone from this link http://irocknatural.com/wp-content/themes/maya/css/lessthen480.css
i change the height value via ftp. but that still remaining same. 200px. I checked with firebug again. It is getting stylesheet from the right link and the number of CSS code line is also same. When i go via ftp, it shows values according to my modification (height: 300px. But in firebug for online iphone emulator -the height value is still 200px. where is the problem?
CAN EXPERT HELP ME PLEASE? i WANT the solution badly. Help me please. I will be grateful to you.