Docs

[chflynn]

I can’t seem to get this test to line span right on mobile. Looks right on large screen.

[John Ezra]

Hi there,

Thanks for writing in! To assist you with this issue, would you mind providing 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!

[chflynn]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for updating the thread! Upon checking your site, unfortunately, we are unable to see or replicate your issue on our end. Would you have happened to have solved your issue already? Your elements are lined up properly on mobile on our end. Please update us otherwise – thanks!

[chflynn]

It is still happening on my actual iPhone. It does not show wrong on the developer preview in cornerstone in safari. The phone numbers, fax, and email do not span all the way across the text field. If I make a edit to the phone number the change shows right away on my physical phone but the spacing is still off. Part of the problem is i cannot drag elements around on cornerstone, they jump all over the place and i can set them where I want, so I think an unwanted element was placed inside the section with the contact info and caused damage? I currently cannot move a text box to the right at all. I have cleared everything, closed browser, restarted machine, etc…I also deleted the section, inserted a new block ended up with the same spacing issue in firefox large screen and mobile.

the issue also shows in firefox (large screen)

[Joao]

Hi There,

It looks good on my phone, I really could not notice any issue, and I used the phone not the browser.

If you think there is some element somewhere in CornerStone that you cannot see and you are unable to change because of some glitch issue you might be experiencing, please switch to Skeleton Mode and you will be able to see really clear what is where in which order and it will be much lighter for your computer to render it.

Hope that helps,

In case you need further help, please let us know.

Thanks,

Joao

[chflynn]

This reply has been marked as private.

[Friech]

Hi There,

You can align those first line of footer widget areas with the custom css below:

@media (min-width:  980px) {
	.wpcw-widget-contact ul li:first-child {padding-top: 0;}
	.last .wpcw-widget-social ul li:first-child {margin-top: 25px;}
}

On your screenshot, is that how the footer widget area render on your mobile? Please clear your browser’s cache, because when viewed on mobile those 3 column widget should change to stacking position.

Thanks.

[chflynn]

ok that css took care of the top lines lining up on a desktop. on mobile they do stack but there seems to be too much space between each widget and the fax and FB are offset a space. see mobile screen shot.

also, is there a title available for the social widget?

[Rue Nel]

Hello Again,

To adjust the spacing of the widgets on smaller screens, you also need to add this code. Please place this code at the very bottom (very end) of your other existing custom css.

@media(max-width: 979px){
 .x-colophon.top .x-column .widget:first-child {
  margin-top: 25px;
 }
}

Hope this helps.

[chflynn]

fax number and and Facebook icon are still off to the right under the “fax”. Justify to the left?

[Joao]

Hi There,

On my end I just could notice the facebook icon off.

Please try adding this code to your Appereance / Customizer / Custom / CSS {

.widget ul li a {

padding: 0 0 0;

}

Hope that helps,

Joao

[chflynn]

that did it, thank you.

[Joao]

You are welcome.

Let us know if you need help with anything else.

Joao

[Author]

Posts