Columns in one row in mobile view

[tatyana_kozh]

Hello There

I would like the columns at the bottom of this page to show as a single row in my mobile view, just like it does on desktop.

The columns I am referring to are the ones containing contact details: mobile, email & landline.

Sharp Suits with Substance - Tailor Made to Impress

[prakash_s]

Hello @tatyana_kozh,

Thanks for writing to us.

I checked your site it seems that you have overridden the theme style through custom CSS code. I would suggest you remove the custom CSS code the theme option —>CSS to get the single-column layout on the mobile device.

  footer.x-colophon.top * {
        color: #000;
        font-size: 7px;
    }

    footer.x-colophon.top .x-column.x-1-3 {
        width: 29%;
        float: left;
        margin-right: 4%;
    }

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[tatyana_kozh]

Hello

Thank you for your kind response. However I am not referring to the footer. Please follow the link that I indicated:

Sharp Suits with Substance - Tailor Made to Impress

I am referring to the contact details in the link above. I also made a screenshot - attached.

How do I make the contact details appear in one line on mobile view? Same question goes to the photos in the screenshot - how do I make them appear in one line?

Thank you!

[prakash_s]

Hello @tatyana_kozh,

It would suggest you use the V2 Row element where you would get an option to control the column layout for all the devices.

Row | Themeco Docs

OR

You can use this custom CSS code. You can add this style to element CSS.

@media (max-width: 978.98px){
$el .x-column.x-sm{
width: 30.66666%;
  float:left;
}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks