Jump to content

Archived

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

quinntinm

Can DMS have a menu that floats over an image or slider?

Recommended Posts

quinntinm

Hello.

 

Please can someone tell me if DMS has a section / add on for displaying a menu over an image or slider.

I want to try and achieve this look and i have provided some examples below.

 

Thank you.

 

 

 

http://vossendesign.com/vossen/

  • Large background image
  • menu over image
  • slider

 

http://demo.rescuethemes.com/preview/?theme=Merch

  • background image slideshow

 

http://pexetothemes.com/demos/story_wp/

  • slider with background image, button, text and link

 

http://pexetothemes.com/demos/story_demos/restaurant/

  • slider with background image, etc behind the navigation.

 

http://pexetothemes.com/demos/story_demos/restaurant/special

  • full screen slider with background image, etc behind the navigation.

 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

If you want a Menu to hover an image simply use the Canvas section and add either the NavBar or Navi to that Canvas area. For example, I did this in moments, its just a Canvas area, Navi and Masthead with some custom CSS.

 

https://cloudup.com/c_qPd4C5d1n

 

You could also use the MultiMenu section.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
quinntinm

Hi Danny, that is cool, thank you.

 

The only problem is that you need to add it to all the pages, unlike the header where it is one element.

But i may need to just go that route.

 

I have another idea, if it works i will let you know.

 

Thanks again!

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
quinntinm

Hi Danny, i have placed the template area "under" the header by doing this.

/*--- Overlay the header ---*/
#pl_areau84dbf {
z-index:2000;  
}
/*-- the logo --*/
.section-navi .navi-container {
height: 57px;
padding: 7px;
}
/*-- the template area --*/
#pl_areau764ff {
  margin-top:-120px;
}

Looks right until i click preview and then the header area does not show.

I cannot work out why it is not showing.

 

I also remember seeing some other posts in the forum about doing this, but cannot find them to see what they did.

 

Help, thank you.

Share this post


Link to post
Share on other sites

×