Second page of menu is not showing correctly

Hi Soapmarine,

You can fix this by adding some CSS to override the margins that your theme places on your list items. The following should work just for the menus:

.fdm-menu li {
    margin: 0;
}

You are awesome, Nate!!!

Nate, I am having a similar issue. Where does this bit of code go? Thanks for the help.

Hi davidtleblanc,

If you’re not familiar with editing the style.css file of your theme or setting up a child theme to do so, I’d recommend using a plugin to add custom CSS code. The Jetpack plugin from WordPress.com includes a Custom CSS component that you can enable. Once enabled, read this page to see where to go in your WordPress admin dashboard to add the CSS code.

Each theme is different, so if the code doesn’t work for you post a link to your menu. I’ll take a look and give you working CSS code.

Nate, thanks for the quick response. I do have child theme set up and I put in:

.fdm-menu li {
margin: 0;
}

Unfortunately, it did not solve the issue.

Here’s the link. https://mrgs.theafabgroup.com/

It’s going to be a one page theme for a BBQ restaurant and it’s towards the bottom of the page.

Try this. It should be able to override your theme’s li styles:

[id^="fdm-menu-"] .fdm-column,
[id^="fdm-menu-"] .fdm-item,
[id^="fdm-menu-"] .fdm-section-header {
	margin-left: 0;
}

Added it to my child theme and it still the same. I am going to get support for the theme developer.

Thanks for you quick response. I think you are in England. Get some sleep, dude.

This is how the code came out in your child style.css:

[id^="fdm-menu-"] .fdm-column,
[id^="fdm-menu-"] .fdm-item,
[id^="fdm-menu-"] .fdm-section-header {
	margin-left: 0;
}

It looks like the quote marks (“) are getting sanitized, perhaps by your editor?

(Yep, Scotland to be precise. Working on the next update for the plugin. Bed soon. ?? )

Interesting. Thanks for the info. Good night.

Hi, I have the same problem, link, I add the css code, but they dont work, can you help me?

Hi jjop215,

Try the following:

.postcontent .fdm-menu li:before {
	content: '';
}

.postcontent .fdm-column {
	padding: 0;
}

Thanks a lot! they work!