The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Drop-down navigation button

View previous topic View next topic Go down

Solved Drop-down navigation button

Post by Anzo on January 21st 2016, 7:58 pm

Hello folks,

I have the following page: http://webmun.forumarabia.com/h2-webmuin-about

I want the 'About us' to have three drop-down menu links. Something that pops down when you hover over the button or something.

I'm not particularly good at this so I'd appreciate the help.

Thanks Very Happy


Last edited by Anzo on January 21st 2016, 9:02 pm; edited 1 time in total

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Drop-down navigation button

Post by 10spetter10 on January 21st 2016, 8:40 pm

You have this code inside your html:
Code:
<li class="mun_navclick">About us</li>

When you change it to:
Code:
<li class="mun_navclick">About us<ul class="mun_secnavlink"><li>first</li><li>second</li><li>third</li></ul></li>

and add this css:
Code:
.mun_navclick {
  position: relative;
}
.mun_navclick ul.mun_secnavlink {
  text-align: left;
  list-style-type: none;
  position: absolute;
  top: 100%;
  background-color: #00293C;
  margin-left: -9px;
  width: 85px;
  padding: 9px;
  display: none;
}
.mun_navclick:hover ul.mun_secnavlink {
  display: block;
}

You should get a simple dropdown.

10spetter10
Forumember

Posts : 195
Reputation : 81
Language : Dutch

Back to top Go down

Solved Re: Drop-down navigation button

Post by Anzo on January 21st 2016, 9:01 pm

Thank you Very Happy

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Drop-down navigation button

Post by SLGray on January 21st 2016, 9:54 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum