Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #10591


    I’m having an issue with the portfolio when the screen size is reduced or viewed on a mobile.

    The image within the selected portfolio element reverts to a larger image.

    Here’s a link (Purchase code hidden if logged out) /associates-and-fellows

    I’ve edited the functions.php to reduce the image generated in the portfolio selection.

    I’ve also edited the grid.css

    div .two_third { overflow: hidden; margin-left: 4%; width:25.5%; float:left; position:relative; }

    Was 65.5

    div .one_third { overflow: hidden; margin-left: 4%; width:75.5%; float:left; position:relative; }

    Was 30.5

    Basically swapped one third and two thirds around.

    I was trying to make the larger portfolio image smaller which wasn’t working the way I wanted with just the functions.php.

    Any help would be greatly received




    hey pete!

    so what you are trying to do is to display smaller images when on mobile devices?

    a css rule light this might be necessary for this:

    @media only screen and (max-width: 767px) and (min-width: 480px)
    #top .one_fifth, #top .one_fourth, #top .one_third, #top .two_fifth, #top .one_half, #top .three_fifth, #top .two_third, #top .three_fourth, #top .four_fifth {
    width: 201px;
    margin-left: 0;
    margin-bottom: 10px;

    However the theme was simply not made to work that way so any modifications in that direction might take quite a long time to work properly and everything looks 100% fine (unfortunately more than the usual support would cover )

    So if you got problems with that task you probably might want to hire a freelancer.

    I have recently opened a thread on themeforest for authors who can be hired and know their way around WordPress. You might want to contact one of those: (Purchase code hidden if logged out)(Purchase code hidden if logged out) -to-make-some-money/24795?page=1

    You might want to give these sites a try:

    in addition wpcandy also has a job directory with designers and developers that might be helpful:

    Best regards



    Thanks for getting back, I’ve managed to get it working (not 100% sure how!)- basically wanted to reduce the image size in the portfolio area but as the screen reduced the image would ping back to the large size. I would describe my technique of solving it as taking a sledge hammer to a nail but it appears to work!

    Fantastic theme – just a shame clients always want that something else!



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

The topic ‘Portfolio images on small screens’ is closed to new replies.