Custom Mega Menu - top level first item not taking CSS styling

Ryan R asked on May 1, 2014 14:56

Pretty simple question here. Please see the image below.

example

I followed the instructions here and here to create my menu. I had a few hiccups, but mostly have it operational. My issue is that the first link (in this case "Home") always ends up way on the right, and does not seem to accept the CSS styling that it should.

FYI if I hide "Home" from navigation, it will do the same thing to whatever item is the new first.

Please let me know what to do or where to look for a hint.

Thanks!

Recent Answers


Brenden Kehren answered on May 1, 2014 15:42

Which version are you using to create your menu? Nested repeaters or hierarchical transformations? What version are you on?

0 votesVote for this answer Mark as a Correct answer

Ryan R answered on May 1, 2014 15:44

I meant to put hierarchical, sorry about that.

Version is 8.02. I know the tutorials were for version 6 or 7, but I was able to figure most of it out. I am very new to Kentico so I do not fully understand what is going on.

Thanks Brenden!

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on May 5, 2014 06:24

Typically the problem I've experienced is I have my hierarchical transformations setup incorrectly. I've found the easiest thing to do with hierarchical viewers and transformations is get the markup structure you need and place inline HTML comments as to what transformation and level each line will be in, especially if the markup is complex. Secondly, view your source code as it's rendered and copy and paste it into a new HTML page in Visual Studio. You should find out pretty quickly if you have any invalid HTML.

One of those two options should get you moving in the right direction. If they don't it could be in one of your transformations.

0 votesVote for this answer Mark as a Correct answer

Ryan R answered on May 5, 2014 10:38

Good tips here, thanks.

I will look into this and see what I can find.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.