Unexpected margin appearing

This support ticket is created 5 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: Front-end display, Layouts plugin

This topic contains 3 replies, has 2 voices.

Last updated by russellH-3 5 years, 10 months ago.

Assisted by: Waqar.

Author

Posts

January 20, 2019 at 10:54 am #1187639

russellH-3

Please refer to this closed ticket: https://toolset.com/forums/topic/unexpected-margin-appearing/.

I apologise for the slow response but this is a volunteer site and I'm only able to work on it intermittently. I tried to respond there with the FTP/WP info your last agent requested, but I kept getting an error message that the topic was closed.

I'll try to be faster responding this time.

I look forward to hearing from you.

Kind regards, Russell

January 21, 2019 at 1:15 pm #1188155

Waqar

Hi Russell,

Thank you for contacting us and I'll be happy to assist.

I've checked the page you've shared ( hidden link ), and noticed that padding values used in the following CSS code block from the theme are causing the page to extend beyond the viewport:
( line# 1079 in file hidden link )


.main-content-inner {
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 0px;
}

The cancellation of left and right padding to the div with ID "content", interferes with the default Bootstrap styles.

I hope this helps.

regards,
Waqar

January 24, 2019 at 5:45 am #1190285

russellH-3

Hey Waqar, that's great, thank you. I'll make some adjustments and come back if I still need help.

Kind regards, Russell

February 17, 2019 at 8:11 am #1201384

russellH-3

Hi Waqar:

Sorry, me again. Thanks for your help on this issue. I made that fix and it's working on desktop, but I'm still having issues on iPad/tablet view. In that size, there's still a white margin on the right.

I've gone through my CSS and removed any rules related to padding for .main-content-inner, but this issue still persists.

See attached image. Any ideas?

Kind regards, Russell