Adding border breaks layout – swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

Tagged: adding, change, code, column, Columns, css, custom, following, layout, need, something, theme, trying, used, width, work

This topic has 2 replies, 2 voices, and was last updated 10 years by themisfit.

Viewing 3 posts - 1 through 3 (of 3 total)

Back to forum

Posted in: Flexform
June 2, 2013 at 2:34 am #6842

themisfit
Member

Post count: 14

I am trying to add borders to the 1/3 columns. I have used the following code in the custom CSS spot in the theme option:

.one_third {
width: 30.66%;
padding-bottom: 30px;
border-top: 1px solid gray;
padding-top: 15px;
}

when I do this it breaks the column layout on IOS devices.

Do I need to change something else to make this work?

June 2, 2013 at 5:26 pm #6862

Ben – SUPPORT
Member

Post count: 690

Can you post a link to your website as a private reply please?

What seems to be breaking on mobile?

Thanks
-Ben

June 2, 2013 at 5:39 pm #6863

themisfit
Member

Post count: 14

I figured it out. It was the width: call that was breaking the layout. it was making the column 30.66% of the already 30.66% width.
Back to forum

Posted in: Flexform

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Flexform - Retina Responsive Multi-Purpose Theme

Flexform - Retina Responsive Multi-Purpose Theme

by SwiftIdeas

Login and Registration Log in · Register