Docs

[momentabodas]

I have post with two column of pictures but when I see the same post in my mobile phone the second row shows below the first one.

Is there a way to make this not happen and show the second row at the same level in mobile phones?

[Rahul]

Hi There,

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.

[momentabodas]

Wow, I forgot! I was in a hurry I’m sorry hahahaha

This is the link: https://momenta.es/?p=947

[Nabeel A]

Hi again,

Thank you for providing the URL. Try adding the following code in your Customizer:

@media screen and (max-width: 767px) {
.postid-947 .x-section .x-container.marginless-columns .x-column.x-1-2 {
    width: 50% !important;
    display: table-cell !important;
    margin-right: 0;
    float: none;
    vertical-align: top !important;
}
}

Let us know how this goes!

[momentabodas]

Hey, I wasn’t able to answer before

It doesn’t seem to have worked :/

[Paul R]

In that case, can you provide us your wordpress admin login in private reply.

Thanks

[momentabodas]

This reply has been marked as private.

[Christopher]

Hi there,

Please close curly barcket for the following code :

@media only screen and (max-width: 805px) {

.page .hentry .entry-wrap:last-child {
    padding-top: 3%;
}

It should be :

@media only screen and (max-width: 805px) {

.page .hentry .entry-wrap:last-child {
    padding-top: 3%;
}
}

Then add provided code, clear cache and check your site.

Hop eit helps.

[momentabodas]

Ups! I maybe deleted the closing bracket while editing.

I did what you said and added the other code provided before and it still doesnt show as it should on my iPhone.

I deleted server side cache and all the local cache in my desktop browser and simulated an iPhone in inspect view but it still shows the same.

[Paul R]

Hi,

You can try adding this in Cornerstone > Settings > Custom CSS

@media (max-width: 767px) {
.x-section .x-container.marginless-columns {
    display: inline-block;
    width: 50% !important;
    vertical-align:top;
}
}

https://www.screencast.com/t/UIPW7GRa

Hope that helps

[momentabodas]

It seems to have worked now, but what happened is the opposite effect that I was expecting:

Picture attached:
http://i.imgur.com/09MrVQK.png

[Christopher]

Hi there,

I’m sorry but I don’t see any issues. Images get displayed with the same order on mobile just like how they get displayed on desktop, see the attachments.

Hope it helps.

[momentabodas]

Ok, I think I know what happened, the first code you told me tu put in customizer seemed to work but lasted a while until it happened.

Then, when I put the second code in custom css in cornerstone fucked it all in that exact publication I linked you in the pictures.

As you say, it seems to be working now.

Thanks for your help!

[Paul R]

You’re welcome! 🙂

[Author]

Posts