Justify width box-content on width column ?

[David Martin – Support]

Hi,

As you have added your own CSS for that area you will need to modify it to your needs.

iPhone CSS fix:

@media only screen and (max-width: 767px) {
   .newsletter:nth-of-type(odd) {
     margin-bottom: 30px;
  }
}

Your code is not working in IE because .newsletter does not have a width set. The columns will inherit a width of 50%, as there is not enough room for two columns at 50% IE will stack the layout, likely caused by your padding. You will need to add a width also to your class, try 47% and tweak it to your needs.

Thanks,
David

[mengeco]

Ok, thank you, it’s good for iphone

If I remove the padding left / right, it does not change

If I change the width eg: width: 40% is good PC but it’s bad on iPhone: the width of the text blocks is reduced to 40%

Thanks

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

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

 newsletter {
    width: 100%!important;
    max-width: 95%!important;
 }
}

-Rui

[mengeco]

This reply has been marked as private.

[David Martin – Support]

Hi,

Glad it’s sorted for you. This customisation is specific to your needs so there will always be some CSS tweaks needed for some modifications.

– David.

[mengeco]

I agree but it’s not a specific customization.

If I use SPB box content without any personal setting, it don’t work, the content is not aligned with the columns and gutters disappear.

[David Martin – Support]

I understand, I’ll copy your content and do some further testing on my dev version.
-David.

[mengeco]

ok, thanks David, this is an important function for me, I look impatiently your feed-back

[David Martin – Support]

I’ll see what I can do. At least with your CSS modification it is working.
-David.