***SOLVED***Dropdown Menu Odd Behavior

[jdd99]

I have been running against the wall figuring this one out, I need a bit of help. I added a Dropdown Menu to my header (Layout Grid) in my masterpage. The problem is that it looks fine when I preview my page but after I publish it, the menu shows up stacked on 2 lines, can anybody explain why? The menu is set to Full Width and 768 breakpoint. The breakpoints works fine.

Menu appears as follows in Preview :
Item1 Item2 Item3 Item4

After Publishing, it appears as follows (at full viewport width):
Item1 Item2
Item3 Item4

I tried all sorts of configuration but it never changes this behavior. Obviously, it should be on one line at full viewport width. Help. Thx.

[crispy68]

If it looks correct in preview but not when published then it usually means you are either missing files or did not upload all the updated files to the server. There is no difference between preview and publishing. The same files are generated. Do you have a link to the page to view?

[jdd99]

No, the site isn't live, I'm publishing to my localhost server so there should be no missing file. All the CSS files for the site/page are there and up-to-date.

[crispy68]

Without seeing what you've done there is no way to help direct you in how to fix it. A working online demo helps otherwise you will need to provide a copy of your project file to download to take a look at what you have to comment further.

[jdd99]

Thanks for the reply. I finally sort of figured it out. I'm at the design stage of the menu system so I had added a couple of different menus on other pages (a Responsive Menu and another Dropdown menu). I removed those "test" menus from the whole site, deleted the local server files (to make sure I had a clean copy of the files), and voila! It looks like the CSS of one of those other menus interfered with my main masterpage menu.

Anyway, problem solved, onto the next challenge

Thanks!