Themeco Community

Hello There,

Thanks for writing in! The break points of the columns that it will have a 100% width is at 767px or on an iPad portrait mode. The landscape mode of the iPhone 6 is 736×414, with iPhone 6 is 667×375 and 568×320 in iPhone 5. So even if it is in landscape mode, the browser width still falls short compared to the 767 pixel break point. This is the reason why you just simply have a one column in both portrait and landscape mode in your mobile device.

To make sure that the images will always stay at the center, please edit your page in Cornerstone and align the contents to the center. You can find this option in each of the column settings. And to make sure that the image in section 8 is smaller, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 767px){
  #x-section-8 img {
    max-width: 120px;
  }
}

Hope this helps.

Hi there,

Please add this :

@media (max-width:767px){
.x-feature-box-graphic, span.x-feature-box-connector.full {
    display: none !important;
}
}

Hope it helps.