Logo Responsive?

[Chris]

I’ve developed a very simple site for a client but the logo does not seem to be responding (shrinking) for smaller devices such as phones. Is there something I need to do to make this happen?

http://celstorage.com

Thanks for any thoughts…

Chris

[Binaya D]

Hi Chris,

Please use the following css to fix your issue;

img.custom-logo {
    width: 100%;
}

NOTE: Please use the child theme style.css or custom css plugin to write the css.

Thanks

[Chris]

That worked very well!

Is there also a way for the columns to transition from “side by side” to “stacked” to be more mobile friendly?

[Binaya D]

Hi Chris,

You are welcome!

We are really sorry but could you please explain your question with the help of demo link or screenshots, so that we could help you asap. We hope you understand.

We look forward to your respond.

Thanks

[Chris]

The attached image represents what the columns look like on a phone. The RV is column one, the text is column two and the boat is column three.

Instead of squishing, it would be nice if the columns “stacked” when it went to mobile responsive mode. Then the RV would be on top, text would be under that (but the full screen width) and the boat under that.

Is this doable?

-Chris

Attachments:

You must be logged in to view attached files.

[Binaya D]

Hi Chris,

If you want to keep the columns in the page, then you can use the visual composer plugin or if you want to keep the columns in home page then you can follow the following steps for it.

Go to Dashboard => Appearance => Customize => Homepage => Homepage Content Area => And you can see the box there where you can keep the text in left, center & right columns after you done => Then save it.

Thanks

[Chris]

I must be doing something wrong with Live Composer. Please see attached image.This is what I get when I try and use Live Composer.

Attachments:

You must be logged in to view attached files.

[Binaya D]

Hi Chris,

We are really sorry to inform you that but we are little confused about your issue, so could you please explain your issue little more, so that it will be easy to both of us to find the solution asap. We hope you understand.

We look forward to your respond.

Thanks

[Chris]

Ultimately, I would like the site to be responsive. Currently the columns do not stack once they are being viewed on a mobile device.

A suggestion provided was to use the visual composer. However, all I get is a blank white screen when I try and use it.

If you look at the provided url, you will see the issues with the column on the home page.

[Binaya D]

Hi Chris,

Could you please send us your WP-login details of your site via mail, so that we could resolve this issue asap. We hope you understand.

We look forward to your respond.
Email Address: [email protected]

Thanks

[Chris]

This reply has been marked as private.

[Binaya D]

Hi Chris,

We have fixed your issue, so please check once and we have found that it the conflict of Font Awesome Plugin, so we just remove it and now you can process your work, if you face any problem then please let us know.

Thanks

[Author]

Posts