Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #24326

    Hi – i am using the shop thumbnail size (120×120) for my thumbnails in my portfolio page.

    looks good so far.

    but when page is opened with my smartphone (galaxy s2) the thumbnails seem to be even smaller than the frame thumbnail frame itself – that means i cant actually differ the thumbnails from each other – its just too small. it looks like the image in the thumbnail frame is smaller than the frame itself.

    any possibility to control the responsive control of the gallery apart from the regular one? please understand – i like the way it looks now from my PC screen – i am looking for a way to have the gallery/portfolio displayed on the smartphone so that it is readable…

    other thing: when i open a thumbnail – the gallery does not resize to the smartphone screen – at all. sometimes i have to scroll down, left to find the image. what’s also weird is the fact that i cant browse wthrough the gallery by clicking/touching on the picture. that would helf a lot – so i dont have to look for the control button each time to wipe through the gallery…

    hope i could explain…





    Please post a link to your website – we’ll see if we can reproduce the issue on other mobile devices too.

    Best regards,



    yes, here you go:

    as for the thumbnails on the smartphone: it looks like the frame somehow does not resize but keeps ‘bold’ instead, while downsizing the rest…




    Your link doesn’t work. I think this one is the correct one

    I don’t have the same mobile you use, but does it look anything like this ?

    The problem is that you specified that you want to have 10 columns, so the code is doing its best to follow your command. here is some css to change the number of columns in smaller screen sizes. You can change the percent how you want,

    @media only screen and (min-width:480px) and (max-width:767px) {
    #top #wrap_all .avia-gallery-thumb a {
    width:20% !important;
    @media only screen and (max-width:479px) {
    #top #wrap_all .avia-gallery-thumb a {
    width: 33% !important;

    Please add that to your /css/custom.css file




    this is great man, thanks – yeah this looks good!!

    yes – sorry for the bad link – i had to change the permalinks – i will redo them when everythings ready to go.

    ONE LAST QUESTION concerning this topic: how can i tell the gallery (i assume its prettyPhoto) to automatically adjust to the mmobile phone screen – and why does the forwarding (next picture) not work if i press my screen. as for the PC i just click with my mouse/pointer on the picture and he next picture appears… it would help a lot – otherwises the customer needs to look for the gallery-buttons every time…

    hope i could explain!

    thanks for the support!!



    I am not sure why. Must be a reason for it… or maybe not. In any case you can remove the code that does that and let us know if it improved mobile look of prettyphoto.

    Please open up /js/prettyPhoto/css/prettyPhoto.css

    and put /* on line 173 and then put */ at the very end of the file so its the last thing in the file.

    Now mobile pretty photo will look the same as desktop prettyphoto. But i do vaguely remember that there is some reason for that code and without it everything looks like … not good.



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘responsive / problems with portfolio’ is closed to new replies.