Changes in mobile version

[bigbangthinking]

Hi

I would like to make some changes in my mobile version.

1.- the portfolio filter in my home page display the categories in 2 columns.

2.- Make the clients carrousel display the logos more smaller as I did on my normal site:

Please see attached image.

Thanks

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 480px) { 
.header-container > .row, .header-5 header .container > .row, .header-6 header > .container > .row {
  height: 80px;
}
}

For the space at the bottom, you need to go to Theme Options > Footer and disable the footer widget area, as you are not using it

– Kyle

[Kyle – SUPPORT]

Apologies this is for your other question, I will paste this there and look into this question now

– Kyle

[bigbangthinking]

Hi

Any help with this 🙂

Thanks

[Kyle – SUPPORT]

Hi

Sorry about the wait

1. I don’t see this issue? (see screenshot)

2. Also, these seems fine? Pretty small if you ask me (see screenshot)

– Kyle

Attachments:

You must be logged in to view attached files.

[bigbangthinking]

Hi

I think I did not explain my self quite clearly. Sorry.

If you open the first attached image you will see 2 issues, one above and one below (1 & 2). And at the left how they are currently, and at the right how I would like them to display.

Thanks

G

[Kyle – SUPPORT]

I’m afraid that’s not possible sorry.

For the client logo, they are supposed to be 100% width on phone, have you uploaded a really small logo?

– Kyle

[bigbangthinking]

Kyle

No it is the same logo size as in the desktop version. I whant to see 3 or 4 logos at a time, not only one. In my desktop version before I could only se around 6 logos (default) and know I made it up to 11, by giving a specific wide to the container the logos are shown. The problem is that I havent been able to find wich is the container that displays the logos in mobile version OR what parametr should I change.

Thanks

[Kyle – SUPPORT]

This might work for showing 3 in one row:

@media only screen and (max-width: 480px) { 
.carousel-item.client-item.span2 {
  width: 2%!important;
}
}

– Kyle

[bigbangthinking]

Thanks Kyle

I have send attached inmage.

The code is partially working, but it cuts some of the logos to the right (as in the circled ones) and makes the one at the very left get out of the screen (as in the squared one)

I also added this so that it would work in tablets as well

@media only screen and (max-width: 720px) { 
.carousel-item.client-item.span2 {
  width: 4%!important;
}
}

🙂

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

If logos get cut off then you will just need to increase the percentage

– Kyle