Home Forums WoodMart – Premium Template Portfolio on Mobile

This topic contains 11 replies, has 3 voices, and was last updated by Artem Temos Artem Temos 1 week, 1 day ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #308139

    vascolisboa
    Customer

    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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #308205

    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

    #308220

    vascolisboa
    Customer

    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

    Private Content Hidden
    #308292

    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

    #308339

    vascolisboa
    Customer

    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?

    Private Content Hidden
    #308347

    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/

    #308365

    vascolisboa
    Customer

    Hi,

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

    Thanks

    Private Content Hidden
    #308369

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

    #308373

    vascolisboa
    Customer

    Right, how can I do that?

    #308374

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

    #308378

    vascolisboa
    Customer

    Perfect. It works. Many thanks.

    #308380

    Great, you are welcome!

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Portfolio on Mobile’ is closed to new replies.