Text Block (Full Width) Padding issue

[Taffy]

Apologise in advance.

We’re noticing that the padding in the Text Block (Full Width) is not lining up with the container content, especially when viewing responsively in an iPad.

We would like the left/right padding of the Text Block (Full Width) to align with main container in all instances.

For the life of me I cannot find the correct CSS to effect a change.

http://taffydev.com.au/clients/csq/

Any help would be greatly appreciated.

[Melanie – SUPPORT]

Hm I don’t see any problem on your site, can you show me a screenshot and outline what you mean?

[Taffy]

Hi Mel,

You only see what I’m experiencing when viewing the website in portrait mode on an iPad.

Screenshot : http://taffydev.com.au/reference.jpg

See how the Text Block (Full Width) doesn’t line up with the main container?

Mark

[Melanie – SUPPORT]

Try this custom css:

@media only screen and (max-width: 991px) {
.alt-bg {
margin-left: -115px!important;
padding-left: 130px;
padding-right: 130px;
width: 720px;
} }

Let me know if it works!

[Taffy]

Hi Mel,

That works for the iPad in portrait mode, but not landscape, and also breaks the right padding on a smart phone.

Can of worms…

[Melanie – SUPPORT]

How about

@media only screen and (min-device-width: 481px) and (max-width: 1191px) {
.alt-bg {
margin-left: -115px!important;
padding-left: 130px;
padding-right: 130px;
width: 720px;
} }

Feel free to change the min and max width values until they fit your need!

[Taffy]

Thanks for your invaluable assistance.

[Melanie – SUPPORT]

Glad to hear it worked!