Okay
  Public Ticket #2238396
Home page
Closed

Comments

  •  11
    mustafaljuboori started the conversation

    Hello,

    I would need to change the visualisation of the images on my home page on the phone: would it be possible to see it in three columns just like the desktop layout? At the moment it is just a one image scrolling.

    I tried to add this code to Custom CSS > Responsive > Extra Small (XS):

    .portfolio-holder .portfolio-item.w3 {    width: 33.3333%;

    but it didn't work :( how to change it? 

    my website would look better on mobile if you guy can change it for me.  I would really really really appreciate it. 

  •   mustafaljuboori replied privately
  • [deleted] replied

    Hi mustafa,

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time thoughsmile.png

    Can you please add the code below to your Custom CSS area:

    @media screen and (max-width: 768px) {
        .portfolio-holder .portfolio-item.w4 {
            width: 33.33333333% !important;
        }
    }
    @media screen and (max-width: 480px) {
        .portfolio-holder .portfolio-item.w4 {
            width: 33.33333333% !important;
        }
    }

    Have a nice day!

  •  11
    mustafaljuboori replied

    Oh I didn't know about the customization part but this was extremely helpful!

  •  11
    mustafaljuboori replied

    Hi Ylli, again thank you for your help but I have a question. 

    if you look at the attachment is a screenshot of home page from my phone. I really  like the 3 columns grid but the title of images and portfolio category below image titles  "texts" are big and the images are small can I make the image appear little bit bigger and image title little appear little bit smaller?

    thanks 😁

  • [deleted] replied

    Hi Mustafa,

    I'm happy to hear thatsmile.png

    As for your last question, I just found the selector that you need to make that text smaller in mobile (see video).

    Have a nice day!

  •  11
    mustafaljuboori replied

    Wow that's awesome. I managed also to change auto text on the home page through the selector. 

    Now my homepage looks better with proper text size.

    Now is there any selector options to control the size of the images on homepage ?

    I'd like to have it little bigger on mobile. 

    Thanks!

    😁

  • [deleted] replied

    Hi Mustafa,

    Sorry but there is not any selector that can control the sizes of the images in mobile devices.

    You can only control the paddings between each other (see video)

    Have a nice day!

    Will set this ticket as solved from here.