Archived

This topic is now archived and is closed to further replies.

  • 0

Hero Nav Align center issue on menu items with submenu


Question

Posted · Report post

for some reason, any menu item that has a drop down aligns to the left.  I cannot fix it with CSS... can you please take a look and help me troubleshoot?

 

http://epicgeniussites.com/wlhunting

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

davemoppert,

 

Try this:

.section-hero-nav .caret {
display: none;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi davemoppert

Please, you can try with

 

 

.section-hero-nav .hero-nav .hero-nav-ul .dropdown-menu li a {text-align: right;}

and

.section-hero-nav .hero-nav .hero-nav-ul .dropdown-menu li > a:hover {text-align: right;}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks... I appreciate the quick reply batman!  So, I don't need to change the alignment for the dropdown menu -- the problem is the main menu items that have a dropdown are not aligned center.  The main menu items that don't have a dropdown align center as it should do by default.  See attached image.  Hunt the West, Hunt Sonora, and Photo Gallery all have drop down menus, and are aligned left, BUT the About, Testimonials, and Contact Us page don't have a drop down and are aligned center (the way I want the main menu to look).  

 

Thanks for any future help!

 

error.png

Share this post


Link to post
Share on other sites

Posted · Report post

Sorry, i understand now

Please take a look with

 

.caret.icon-caret-down {width: 0em;}

or

li [class*=" icon-"]{width: 0em;}

 

I´m not sure

:)

Share this post


Link to post
Share on other sites

Posted · Report post

Boy do I feel dumb.  I thought they were aligned left in the CSS and couldn't find it.  Didn't even think about the caret.  Thanks!  You fixed it!

Share this post


Link to post
Share on other sites