Docs

[yhshin1020]

Hey,

I have a content baand that is divided into two sections, and i want to make sure there is always a space between the column on the left and the column on the right.

How do i make sure this space is maintained on smaller devices?

I’ve attached a pic and more details below.

Thanks in advance!

[yhshin1020]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for posting in.

It has marginless columns which of course, removes the margins. What you did is this which just limit the width. It only creates some space that varies on screen width.

#letterhead {
    font-family: 'myriad-set-pro_thin';
    color: black !important;
    font-weight: 100;
    font-size: 19px !important;
    overflow: hidden;
    max-width: 70ch !important;
}

Please try changing it to this,

@media ( min-width: 768px ) {
#letterhead {
    font-family: 'myriad-set-pro_thin';
    color: black !important;
    font-weight: 100;
    font-size: 19px !important;
    overflow: hidden;
    max-width: 70ch !important;
   margin-right: 10ch;

}
}

Hope this helps.

[Author]

Posts