Portfolio On Mobile Version

Hi,

because the TimeTurner theme is responsive by default, I recommend you to disable the JetPack’s Mobile Theme that might cause some conflicts with the default layout.
If your Portfolio section still isn’t displayed correctly, please post here a link to your website so I could check it.

Best regards,
Tomas Toman

I’m ok with the recent work section not showing up on the homepage of the mobile version, but is there no way to get it to show on the actual portfolio page of the website on the mobile version?

I have deactivated JetPack’s Mobile Theme for the time-being, however I’m not crazy about how the portfolio section of the homepage looks on the mobile version without a them, since they are all lined up in a column, they take up a lot of space on the homepage and keep people from viewing the recent posts. Is there a way to shrink those boxes on the mobile version of the website, or remove them from the mobile version?

The website is https://www.XavierLooks.com

Hi,

if you would like to display the portfolio items in a grid on mobile devices, please use this custom CSS:

@media screen and (max-width: 990px) {
#wrapper .portfolio-boxes-wrapper .portfolio-box {float: left; max-width: 40%; margin-left: 0; margin-right: 15px; margin-bottom: 10px;}
}

Best regards,
Tomas Toman

Thank you thank you so much!

One last question, what is the coding in order to make it just a 2×2 grid?

Actually now I realize that code was also for the portfolio page and not just for the home page of the website on the mobile version, and I wouldn’t want to limit the amount of boxes that are shown when clicking on the portfolio page, just the amount that are shown on the homepage.

Hi,

if you would like to limit the number of the Portfolio items on the homepage, then please search for the following code in “index.php” template:

<?php $args1 = array(
  'cat' => $timeturner_portfolio_category,
  'showposts' => $timeturner_portfolio_items,
	'post_type' => 'post',
	'post_status' => 'publish'
);

and edit it in this way (the line 'showposts' => 4 defines the requested number of displayed Portfolio items):

<?php $args1 = array(
  'cat' => $timeturner_portfolio_category,
  'showposts' => $timeturner_portfolio_items,
	'post_type' => 'post',
	'post_status' => 'publish',
	'showposts' => 4
);

If you edit the above posted custom CSS in the following way, it will be used only on the homepage, not on the Portfolio page:

@media screen and (max-width: 990px) {
html .home .portfolio-boxes-wrapper .portfolio-box {float: left; max-width: 40%; margin-left: 0; margin-right: 15px; margin-bottom: 10px;}
}

Best regards,
Tomas Toman

Thanks Tomas, for all of your help!

Good evening,
I realize this is someone else’s thread but I stumbled upon this when I ran into the same issue. My portfolio page is not showing up on mobile devices. (website is https://www.pandrproperty.com). I see the code that you said place into the custom CSS however, where within the code would I insert that to make it work? Let it be known that I am not savvy with code at all but rather in the very early stages of learning.
Oh and in case you need to know, it is the Soho WordPress theme.
Thanks so much!

Hi @jayfer482,

I am sorry, but this support topic is determined only for the TimeTurner theme. Please post your question in your theme’s support forum. Thanks!

Best regards,
Tomas Toman