Currently in my home page I have 4 columns showing, however when I look at my website in a mobile device the portfolio images are shown in a 1 single column. I would like to know if there is any way to show more columns in a mobile device, since the current setting shows very little of my portfolio because the images are very big and they're displayed one at a time.
This also happens in the rest of my portfolio menu Fotografia and Pós produção and its sub-menus.
Hopefully there is a way to make it similar to the desktop version by adding the possibility to show more columns in the mobile version.
That's not really what I meant. I have every portfolio item as Lightbox item type. My home page is set up as a portfolio template where I add those portfolio items I want in the custom query part, and not using WPBakery Page Builder.
Thank you for clarifying and i read your question and understood what you need better, you can do the change over Custom CSS, please before you continue with further steps please read the article How to Add Custom CSS to your site. Then paste the code blow and change the values as you need.
.portfolio-holder .portfolio-item.w3 {
width: 25% /* tablet horizontal and above */
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w3 {
width: 50%; /* tablet vertical and below */
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w3 {
width: 100%; /* tablet mobile vertical */
}
}
/* For 3 Columns use 33.33%
For 2 Columns use 50%
For 1 Columns use 100%
*/
Everything is working fine in my home page with the code you gave me, however it doesn't apply to the other portfolio pages I have throughout the website.
You can create also subDomain and you can Experiment with Kalium.
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab. A huge thank you from Laborator in advance and have a great week!
Hello,
Currently in my home page I have 4 columns showing, however when I look at my website in a mobile device the portfolio images are shown in a 1 single column. I would like to know if there is any way to show more columns in a mobile device, since the current setting shows very little of my portfolio because the images are very big and they're displayed one at a time.
This also happens in the rest of my portfolio menu Fotografia and Pós produção and its sub-menus.
Hopefully there is a way to make it similar to the desktop version by adding the possibility to show more columns in the mobile version.
Thank you,
Best regards,
Marta
Hi there,
To learn how to control columns see this video Responsive Control for Devices from author of the WPBakery Page Builder.
Have a nice week!
Thank you.
Hi,
That's not really what I meant. I have every portfolio item as Lightbox item type. My home page is set up as a portfolio template where I add those portfolio items I want in the custom query part, and not using WPBakery Page Builder.
Best regards,
Marta
Hi Tita,
Thank you for clarifying and i read your question and understood what you need better, you can do the change over Custom CSS, please before you continue with further steps please read the article How to Add Custom CSS to your site. Then paste the code blow and change the values as you need.
.portfolio-holder .portfolio-item.w3 { width: 25% /* tablet horizontal and above */ } @media screen and (max-width: 768px) { .portfolio-holder .portfolio-item.w3 { width: 50%; /* tablet vertical and below */ } } @media screen and (max-width: 480px) { .portfolio-holder .portfolio-item.w3 { width: 100%; /* tablet mobile vertical */ } } /* For 3 Columns use 33.33% For 2 Columns use 50% For 1 Columns use 100% */Thank you.
Thank you so much Eroll. I guess I didn't really explain myself very well in the first comment.
Just pasted the code and it works perfectly!
Thank you!
Marta
Hi again Eroll,
Everything is working fine in my home page with the code you gave me, however it doesn't apply to the other portfolio pages I have throughout the website.
Hi tita,
Is a bit difference w3 is for 4 columns grid w4 is for three columns grid. Additionaly you have to add the code blow:
.portfolio-holder .portfolio-item.w4 { width: 25% /* tablet horizontal and above */ } @media screen and (max-width: 768px) { .portfolio-holder .portfolio-item.w4 { width: 50%; /* tablet vertical and below */ } } @media screen and (max-width: 480px) { .portfolio-holder .portfolio-item.w4 { width: 100%; /* tablet mobile vertical */ } } /* For 3 Columns use 33.33% For 2 Columns use 50% For 1 Columns use 100% */Thank you.
Hi,
I didn't know that. This is my first experience with wordpress and making a website so everything is still very new.
Thank you so much!
Hi tita091,
Glad to hear that
.
You are doing great progress don't worry, just read our Online Kalium Documentation sometimes make also check videos WPBakery Page Builder and you will start to get things.
You can create also subDomain and you can Experiment with Kalium.
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab. A huge thank you from Laborator in advance and have a great week!
We will set this ticket solved from here.
Thank you.