Hi @bisonbrah,
It looks like you have some custom CSS in your theme that is effecting the layout of the menu. If you describe in more detail what you’re trying to accomplish I can try to help.
(Regarding the classes fdm-columns-1 and fdm-columns-2, they refer to the total number of columns, not “first column” and “second column”. These classes are added to the menu wrapper’s element based on how many columns are in the menu’s settings. Changing the class assignment on the wrapper element without also modifying the HTML structure won’t work, because the column element also has a class fdm-column-last.)
I have checked in theme and there is absolutelyy no reference to those column classes noted before.
Menu page screenshot – https://d.pr/i/jcFXJO
Output of that menu page – https://d.pr/i/Ik1omF
I have tried uninstalling and reinstalling plugin, deleting menu’s (employing trash) and redoing them. Hosting cacheing is disable and CloudFlare is currently paused > still issue persists >.<
Hi @bisonbrah,
The CSS code in the theme which is customizing the menu layout is in the following stylesheet:
https://www.stthomasroasters.com/wp-content/themes/stthomas-custom/style.css?ver=2.6.1
Look for the following section header:
/* ## Food and Drinks Menu
--------------------------------------------- */
In particular, the following lines are causing individual items to be floated, and these floats don’t seem to be cleared, which looks like it may be causing some of the oddity you see with a menu section being positioned off to the right of another section.
ul.fdm-menu.fdm-columns-1 .fdm-item {
float: left;
width: 48%;
margin-left: 4%;
}
Wow I feel retarded – I must have done that FOREVER ago and totally forgot.
Sorry and thanks for pointing out my ignorance lol.
Cheers
Np! I forget features I built for my plugins all the time. 🙂
