Layout in Portfolio (Mobile view)

dworgco · July 2015

I have my website @ www.edgysocial.com\mymag

I have no problem viewing it in Desktop, but for mobile I like to make the portfolio to display 2 column portfolio, instead of single huge portfolio each time.

Can you send me the relevant CSS files?

Thanks

Albert · July 2015

Hi,

the site you sent above is not built with our theme. But as far as we know, our portfolio items display one per line on mobile devices and this can not be changed unfortunately. This is the best way to display portfolio items on small screens.

Thanks!

dworgco · July 2015

It was built with BE Theme, we needed to try other theme because BE Theme doesn't give what we need. So it's not possible?? Not even to change the CSS??

Albert · July 2015

If you will send url to site where portfolio is activated, we can check this this can be done with css.

dworgco · July 2015

www.edgysocial.com\mymag

Albert · July 2015

Please use below css and this will do the trick:

@media only screen and (max-width:767px) {
 .column.one-second.column_image, ul.portfolio_grid li {
     clear: none;
     margin: 0 1% 10px;
     width: 48% !important;
 }
}

dworgco · July 2015

SUPER DUPER!

Much appreciated, thank you !!

dworgco · July 2015

Btw, we need to achieve that for post as well.

Advise please? Thanks first!

Albert · July 2015

You're welcome

P.S. Which posts you mean? Because previously you called images portfolio while they are not portfolio items.

dworgco · July 2015

For posts, I modified your codes to make the post width 48% (and remove the title, just want to keep the images on home page). But how to make them to display 2 columns?

@media only screen and (max-width:767px) {

.column.one-second.column_image, .masonry {

clear: none;

margin: 0 1% 10px;

width: 48% !important;

float: left;

}

.post-desc{

display: none;

}

Albert · July 2015

We asked in previous message which posts you mean. Any url to page where you got them?

dworgco · July 2015

Same URL

http://edgysocial.com/mymag/

Albert · July 2015

No, it's not the same url because there is no portfolio items on this page. We ask, where portfolio items are exactly.

dworgco · July 2015

I created a separate topic asking about making POSTS view on homepage to have 2 columns on mobile. The topic was deleted. So we were brought back to here, and it's about POST, not portfolio, as in the question. Should I recreate the topic??

Albert · July 2015

No, you shouldn't. We removed this topic because we do not accept duplicated questions. To do this for posts, please remove the code you added because we see that you do not understand at all what you do. And except what you did, please use below css:

@media only screen and (max-width:767px){
 .masonry .post-item {
     width: 47.9%;
 }
}

Also please notice that such customizations must be done by your website developer so this is the last modification for responsive we made. All items works as on our demo and unfortunately we won't be able to make other similar modifications.

Thanks for understanding!

wienalin · May 2016

I have a very similar question. On all other pages, I like the way the images take up 1 column on a mobile. However, for my portfolio menu, I'd like to see 2 columns on a mobile device. How can I apply this change to the media query ONLY on this page?

http://www.wienalin.com/home160516/

Albert · May 2016

@wienalin But we do not see any portfolio items on above page. There are only Hover Box items and for those items, it won't be possible.

Layout in Portfolio (Mobile view)

Comments