Indicator Bar Above Single Menu Item Became Full Width Of All Menu Items When Mega Menu Alignment Set To Full
Joel C
Using Newsberg Template, have several mega menus in main menu. Originally had alignment option for these menus set to "Right", and a blue indicator bar nicely appears above the most recently selected menu item in the main menu. When I changed the mega menus alignment option to "Full", the blue bar now spans the entire width of All the main menu items, thus losing the indication of most recently selected menu item.
Seeking assistance in getting the highlight bar to span only the most recently selected menu item when Mega Menu Alignment set to Full.
Toufiq
Accepted AnswerI have added css code inside the custom css file.
#sp-header #sp-menu .sp-megamenu-parent > li > a {
padding: 0px 0px !important;
margin: 0px 0px !important;
position: relative;
}Please check now. Thanks
Toufiq
Accepted AnswerHi there,
Thanks for contacting us. Sorry for the inconvenience. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon.
Note: Can you share a screenshot that you want to do exactly.
-Thanks
Joel C
Accepted AnswerThanks Toufiq - appreciate the help. I've setup an example of two main menu items that are mega menus, one using Right alignment, and other using Full alignment (Note- I'm planning to use Full on all the mega menu items). This link shows result of invocation within the Right-aligned US RELIGION menu, and you'll see the blue bar is only above the US Religion menu item as expected: https://future.thearda.com/index.php/us-religion/group-profiles/denominations This link shows result of invocation within the Full-aligned WORLD RELIGION menu, and the blue bar spans the width of all main menu items (unexpected) - if you watch the page rendering closely you'll notice the blue bar is first drawn just spanning WORLD RELIGION as expected but is quickly overwritten by the wider blue bar: https://future.thearda.com/index.php/world-religion/national-profiles
Access credentials to the site containing these examples is in hidden content.
Joel C
Accepted AnswerThanks Toufiq! The position: relative setting is what was needed. Note that the custom.css file does not seem to load for some reason with the newsberg template, so I setup a custom-code.css file and load that file in the before head section - added the position: relative in there and worked. Not sure why issue only occurred with Full alignment. Appreciate the help, and thanks again.
Toufiq
Accepted AnswerYou are most welcome. Will you please spend some to write a review about our product and support quality?