Portfolio on Mobile

Hi,

Just created a page with all the projects and it’s all ok. But in mobile I would like to appear 2 columns with two projects per line. It’s possible to do that? Can you explain to me how can I do it please?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 768px){
.col-12.portfolio-entry {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
}
}

Best Regards

Hi,

Many Thanks, it works perfectly as I wanted.

Last thing, can you please help me to understand what can I do to increase the speed of the website? I had to insert a couple of CSS codes witch is not good for speed. But do you have any tips?

Regards

Hello,

We have tested your website and found a few problems that you should fix first to speed up your website.

1. Turn off all third-party plugins first and optimize your website. Then, add necessary plugins one by one and check the speed accordingly.

2. Use WP Rocket plugin to optimize your website’s JS, CSS and cache.

3. Use some CDN service like KeyCDN.

4. We recommend you uninstall the Slider revolution plugin since it is too heavy if you want to get a high score in Google page speed. You can replace it with our WoodMart slider instead https://xtemos.com/docs/woodmart/woodmart-slider/

Kind Regards

Hi,

Thanks for the feedback.

In this case: 4. We recommend you uninstall the Slider revolution plugin since it is too heavy if you want to get a high score in Google page speed. You can replace it with our WoodMart slider instead

I tried in a test page, but it’s not working perfectly. In mobile the slider doesn’t fit.

Can you please help?

The image is uploaded for the row inside the slide. It is not correct. Also, the row inside the slide has some extra padding-bottom that shouldn’t be there https://gyazo.com/3304bb810cfbe9824e51b968a596d109

You need to upload the image to the slide background and set your slider height. Read more in our documentation https://xtemos.com/docs/woodmart/woodmart-slider/

Hi,

Understood. But now in mobile there is some spaces on the top and bottom. How can I remove them?

Thanks

You need to decrease the slider height on mobile to find the best fit.

Right, how can I do that?

You can find this option in the slider settings. Check this article https://xtemos.com/docs/woodmart/woodmart-slider/slider-settings/

Perfect. It works. Many thanks.

Great, you are welcome!

[Author]

Posts