Portfolio images on small screens

3 posts from 2 voices

• Started 1 year ago by boufon
• Latest reply from boufon
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   boufon
   Member

   Hi

   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 http://testpurpose.boufon.co.uk/become-an-on-purpose-associate/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

   Cheers

   Pete

   Posted 1 year ago #
2. 

   Kriesi
   Key Master

   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;
   float:left;
   }
   

   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:

   http://themeforest.net/forums/thread/so-you-know-how-to-customize-a-template-and-want-to-make-some-money/24795?page=1

   You might want to give these sites a try:

   http://www.authenticjobs.com/
   http://jobs.freelanceswitch.com/

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

   http://wpcandy.com/pros

   Best regards
   Kriesi

   Posted 1 year ago #
3. 

   boufon
   Member

   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!

   Cheers

   Pete

   Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.