[wallacelukea]

Hi,
When on home page of mobile, the Staff and Services section still tries to put 4 columns of staff/services on mobile page, which is hard to see the pictures and text is poorly aligned. Can we please make it just 1 column? This is occuring on both portrait and landscape views on my galaxy s6 while using Chrome
Here are some screenshots:
https://www.dropbox.com/sh/g4fldduvxy2ouro/AAB9kAda8PSmB03HJiWgQKtpa?dl=0

If you can tell me the code you use to fix it, ill try not to bother you again if i run into similar issue!

[Juanfra Aldasoro]

Hi,

Thank you for writing. I hope you are doing well.

You can try the following:

@media only all and (max-width: 767px) {

.home-staff ul, .home-service ul { display: table; }

.home-staff ul li {
    display: inline-block;
    margin-bottom: 3%;
    text-align: center;
    width: 100%;
}
}

Best,
Juan.

[wallacelukea]

Awesome- i noticed services is going to 2 columns, can it get it down to 1 through an css change?
thanks

[Juanfra Aldasoro]

Hi,

Thank you for the follow-up.

You may want to try the following:

@media only all and (max-width: 767px) {

.home-service ul li {
    display: inline-block;
    margin-bottom: 3%;
    text-align: center;
    width: 100%;
}
}

Please have in mind that we cannot give support on customizations. We have created an article explaining the reasons, you can take a look at it here: https://nicethemeswp.com/article/support-vs-customizations-2/

Best,
Juan.