Footer (Symbol) out of margin in just one page

Hi guys,

I’ve been struggling with this for a couple of weeks now. See here: http://stagingmarketingsite.optmyzr.com/information/

The footer on this page (information/pricing) is out of margin and looks different than in the rest of the pages.

How it should look (and how it looks in the rest of the pages):

How it looks here:

It gets A LOT worse in mobile.

It’s particularly difficult to troubleshoot because on webflow’s interface it looks fine.

I’ll appreciate your help with this!

Thanks :slight_smile:


Here is my site Read-Only: preview

@jchamo - The published URL in your post is throwing a 404. I could not locate the page in your Read-Only project. Can you share the effected page name or path?

@webdev - Yes! Sorry, it’s here now: https://www.optmyzr.com/information/pricing

The location is Information / Pricing.

Thanks.

You have CSS from the included bootstrap.css file that is setting a 25px left margin on ul,ol elements.


ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

@webdev - Thanks, Jeff! However, I cannot seem to find it. Can you point me in the right direction? :sweat_smile:

Not sure why you are importing the bootstrap css. It is being included on your page load. Look at your source.

In the head- >

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.css" type="text/css">

1 Like

Great! Thanks a lot :slight_smile: