Issue with left margin

Resolved ericbinder
(@ericbinder)

9 years ago

Hi,

I am loving the plugin so far, but I am having a huge issue with the left margin. I have the menu sitting inside a full-width container, and yet the text inside the menu is not flush with the left side of the page. It doesn’t appear to even sit flush with the left side of the column. I have no menu images, nor do I intend to use any. The menu sits flush with the right side of the page, as it should, but the left has a margin that I want to get rid of or at least have some kind of control over. It is especially problematic when viewing the menu on a mobile device because the menu looks off-center and very sloppy. I’ve tried using a few of the css codes offered in various threads within this support page but to no avail, and I’ve also attempted looking within the css that comes with the plugin and I can’t seem to figure out what’s causing that gap. I know it doesn’t have anything to do with my theme’s templates because I don’t have this issue anywhere else on the site. Any help you can offer would be great.

Thanks,

Eric

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter ericbinder
(@ericbinder)

9 years ago
The site is currently unpublished so I can’t give you a link, but I took a screenshot of what’s happening so you can see what I’m talking about. You can see the background extends all the way left, but the menu itself does not.
- This reply was modified 9 years ago by ericbinder.
NateWr
(@natewr)

9 years ago

Hi @ericbinder,

This is probably related to padding or margins your theme is setting on <ul> or <li> elements. I try to override these in the plugin, but because there are so many different ways it can be added, I can’t catch all the possibilities.

Unfortunately, there isn’t much I can do to help without seeing the site. I’d encourage you to use your browser’s developer tools. They will allow you to select each HTML element in the site, and will show you the styles that are applied to that element.

This guide on Chrome’s dev tools looks like it will be useful if you’re not familiar with using these:

https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

Most browsers have an equivalent.

Thread Starter ericbinder
(@ericbinder)

9 years ago

I will give that a shot and see what I can find. Worst case scenario, if I can’t fix it, I’ll let you know when the site goes live and have you take a peek. Hopefully it won’t come to that, though. Thanks for the quick response!

Thread Starter ericbinder
(@ericbinder)

9 years ago

That didn’t take long! Using Chrome’s dev tools, which I somehow never knew existed, were a God-send. It took me all of 10 minutes to find the problem! It is a ul issue with the template, just like you said, buried deep inside a css file that I would never have thought to look at. Thank you so much for your help, I really appreciate it!

NateWr
(@natewr)

9 years ago

Great! Yeah, the dev tools are a real eye-opener once you find them. 🙂