Jump to content


Photo
Hero Nav

Align center issue on menu items with submenu

hero nav alignment issues css help

Best Answer Evan Mattson , 21 June 2013 - 03:14 AM

@davemoppert,

 

Try this:

 
.section-hero-nav .caret {
display: none;
}
Go to the full post


  • Please log in to reply
5 replies to this topic

#1 davemoppert

davemoppert

    Super Member

  • Members

  • 133 posts
  • Country: Country Flag

Posted 20 June 2013 - 11:34 PM

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



#2 batman

batman

    Bat Learning

  • Members

  • 1772 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 June 2013 - 11:42 PM

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;}



#3 davemoppert

davemoppert

    Super Member

  • Members

  • 133 posts
  • Country: Country Flag

Posted 20 June 2013 - 11:53 PM

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



#4 batman

batman

    Bat Learning

  • Members

  • 1772 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 21 June 2013 - 01:52 AM

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

:)



#5 Evan Mattson

Evan Mattson

    Super Member

  • Members

  • 195 posts
  • LocationAnn Arbor, MI
  • Framework Version:latest stable & beta releases
  • Country: Country Flag

Posted 21 June 2013 - 03:14 AM   Best Answer

@davemoppert,

 

Try this:

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


#6 davemoppert

davemoppert

    Super Member

  • Members

  • 133 posts
  • Country: Country Flag

Posted 21 June 2013 - 03:41 AM

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!







Also tagged with one or more of these keywords: Hero Nav, hero nav, alignment issues, css help