Docs

[subz824]

Hi,

I hope you can help me out with my question.

Mobile optomization

Is there an efficient way of making sure my site looks good on mobile as well as desktop?

I’ve been developing in Cornerstone on desktop and adding some CSS to adjust elements. This has the effect of it sometimes not looking good on mobile, not being centre aligned, for example.

Is it a case of trial and error with getting your site looking good on mobile, or is there some techniques/code/methods to make this easier and less time consuming?

Kind regards,

Dan.

[Prasant Rai]

Hello Dan,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[subz824]

Hi,

the url is:

fallen45.com

It’s more of a general question about how to make everything look good for mobile.

thanks,

Dan.

[subz824]

Also, I’ve got a few questions about mail chimp.

1. How do I clear the email text area on the mail chimp form after the user has clicked the subscribe button?

2. How do I reduce the size of the subscribe button width/height without it cutting off the placeholder text?

3. The place holder text is cut off half-way on the mobile site, how do I make this responsive?

Thanks,

Dan.

[Christian]

Hey Dan,

X and Cornerstone are responsive out of the box. Your responsive design might be really specific. In that case, you should setup a mobile version of your content by utilizing the Hide Based on Screen Width option of a Section, Row, or the Gap element. Otherwise, you would need custom media queries. Regretfully, that falls under custom development which is outside the scope of our support.

1. Sorry but this is not possible without custom development

2. Please add the code below in your Appearance > Customize > Custom > Global CSS

.x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
    font-size: 13px !important;
}

3. Add the code

.x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
    font-size: 13px !important;
}

Thanks.

[subz824]

Thank you!!

[Rahul]

You’re most welcome!

[Author]

Posts