Display submenu – horizontally

• 

  abvmchurch · Member · Jun 23, 2015 at 1:08 am

  • Copy link
  • Add topic to favorites

  Hi,

  I was wondering if anyone can help me with the CSS coding to display my submenu horizontally. I have tried several things like display: inline – but it doesn’t seem to work.

  Any help would be greatly appreciated

  Sorry – posted this question for wrong site before – this is the good one I am looking help for.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · Jun 23, 2015 at 6:17 am

  • Copy link

  Hi!

  Just to be sure to have understood. Do you want your menu ( Головна / English A Brief History Building of the Church Spiritual attendants) to be shown in one line?

  If so, you should add a little bit of css magic in Custom CSS:

  .main-navigation li li {
      clear: none;
      border-top: 0;
  }
  
  .main-navigation ul ul {
      float: right;
      position: static;
      display: inline;
  }

  Otherwise, make us know what exactly you would like. An image could help. :)

• 

  abvmchurch · Member · Jun 25, 2015 at 12:43 am

  • Copy link

  Thanks for the help, this is what I want

  Головна / English and then when the visitor hovers over English
  I want them to see the English sections like this
  English
  A Brief History /Building of the Church /Spiritual attendants

  and not like
  English
  A Brief History
  Building of the Church
  Spiritual attendants

  Thanks

• 

  thesacredpath · Member · Jun 25, 2015 at 2:25 am

  • Copy link

  Instead of inline for the display declaration in .main-navigation ul ul, make it inline-flex. I would also suggest adding declarations for padding-right and margin-right to that rule and setting those to 0.