Phoca Forum

Hello,

Here is screenshot: http://img221.imageshack.us/img221/749/ ... 7at203.png
Here is website: http://cafe.restaurants-webdesign.com/i ... Itemid=481

Image doesn't show next to menu item.

Would you know what's the problem?

Thank you
Regards
Maja

Hi, one of your CSS file disable displaying of images on your site, just try to disable all CSS styles on your site (to test it - e.g. in Firefox with development toolbar) and the images will be displayed there.

Jan

Hi Jan,

it's seizing problem I think. This template is responsive, this element is making images smaller in ../templates/jm-italian-restaurant/css/reset.css

img {
max-width: 100%;
height: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

when I disable:
/*max-width: 100%;
height: auto;*/

then images next to menu are showing, but rest of the photos on site are not responsive anymore, it's braking the design.

Not sure what to do now. Can I somehow exclude images from phoca in this css or add something in phocamenu css? So the rest of the images are responsive but phoca images are not?

Would you know the solution to this problem?

Thanks
Kind Regards
Maja

Hi, really no idea who made such restriction and how it works, so you need to ask the template developer how to exclude all other standard images on the site (as the images next to menu items are normall standard img tags ) This has nothing to do with the phocamenu.css. The problem is, some of the template css somehow prevent from displaying standard images on the site

Hi Jan,

Thanks, yes I will contact them. Thanks anyway for your help.

Regards
Maja

Hi Jan,

Just to let you know. I contacted template provider and they found the solution. Here it is and it worked:

Here what they say:

The issue is related to css styles used in phoca component. Since there is a width hack (1% width for table cell and div inside), the responsive images won't work correctly. In this case I suggest to add this style:

#phocamenu .pmimage a img, #phocamenu .pm-item table tr td div.pmimage a img {max-width: none !important;}


Kind Regards
Maja

Ok, thank youf or the information.

Jan

man i have the same prob with the same template but i dont understand the solution majapi posted so can anybody help me...
tyvm!

Hi, just add the css code listed above to your template CSS (at the end)

Jan

Fixed in 3.0.0 Beta