2. Algorithm
  3. css - How to remove the gap on right side of webpage (using Bootstrap with WordPress)?

css - How to remove the gap on right side of webpage (using Bootstrap with WordPress)?

admin2025-06-02  1

This padding on the right side of the webpage (unityinfinity) was not visible when it was in development. I recently shifted the website to the main directory using the steps in this post. Since then, there is that horrendous padding as well as issues with responsiveness.

I am using Elementor page builder for individual pages and Bootstrap (for styling and responsiveness). During development, the website was functioning correctly (there was no gap on the right side of the page).

However, now, the website has issues with responsiveness and there's a huge padding/margin on the right side if you try to check how it looks on different devices.

I can't pinpoint where the issue is (Elementor doesn't let me stretch the sections to overlap with the padding), so probably Bootstrap is the culprit.

Thanks for your help!

Edit: I tried uploading the theme to a local environment and uploading some pages to test it out. It runs just fine over there.

This padding on the right side of the webpage (unityinfinity) was not visible when it was in development. I recently shifted the website to the main directory using the steps in this post. Since then, there is that horrendous padding as well as issues with responsiveness.

I am using Elementor page builder for individual pages and Bootstrap (for styling and responsiveness). During development, the website was functioning correctly (there was no gap on the right side of the page).

However, now, the website has issues with responsiveness and there's a huge padding/margin on the right side if you try to check how it looks on different devices.

I can't pinpoint where the issue is (Elementor doesn't let me stretch the sections to overlap with the padding), so probably Bootstrap is the culprit.

Thanks for your help!

Edit: I tried uploading the theme to a local environment and uploading some pages to test it out. It runs just fine over there.

  • css
  • twitter-bootstrap
Share Improve this question edited Mar 8, 2019 at 7:34 fuxia♦ 107k39 gold badges255 silver badges461 bronze badges asked Mar 7, 2019 at 16:42 Saunved MutalikSaunved Mutalik 1114 bronze badges
Add a comment  | 

1 Answer 1

Reset to default 1

I would start by fixing your JS errors. Without digging to deep into this my guess is that when you moved over the site you have some incorrect file paths to your JS files. Fix these errors and there is a good chance it will fix whatever other issues you are having.

I'm pretty sure the grid_gallery error is the reason your responsive styles are whack.

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1748831540a314087.html

cssHow to remove the gap on right side of webpage (using Bootstrap with WordPress)

最新回复(0)