Vertical menu shows on very bottom in responsive mode, but want it to appear at very top PLS

Author

Message

Ruud Geboers

Posted: 4/28/2015

Hello buddies,

I have made a website on this domain: www.art-health.nl

I exported it with responsive on.
Now if you view it on a mobile device the vertical menu is put at the very bottom of the page (the vmenu actually resides in the sidebar on the desktop version).
However I want the menu to appear on the very top of the page pls (on mobile devices)

Does someone know pls how to code that?

Kind rgds, Ruud Geboers

Lars

Posted: 5/2/2015

Quote message

Hi Ruud
I think the menu is in the bottom because it is in the right side bar (if it was in the left it would be on top)
But there is a workaround

In artisteer you sould make a standard horizontal menu, and then make it invisible with css on laptops an PC an visible in resposive mode. (in responsive mode it will be a responsive menu

Paste this in the CSS-options window in Artisteer (Please note: Im NOT at programmer!!!)

CSS:


/* ///// "PC / LAPTOP ///// */



 /* hide horizontal menu  */ 

.art-nav { 

display: none;

 }  



 /* ///// RESPONSIVE ///// */ 



/* Remove sidebar/ widget menu in responsive if you want that */ 



.responsive .art-vmenu, .responsive .art-vmenublockheader { 

display: none !important; 

}   



/* Show horizontal menu in responsoive */

.responsive .art-nav { 

display: block !important; 

}

I hope it will work for you

//Lars, Copenhagen

Lars

Posted: 5/2/2015

Quote message

Hi again

Im working on a site where I'm doing a explaind above : http://michalahoffmann.dk/ (Work in progress!!!!)

By the way .... How did you make the header scalable ?? Artisteer? Plugin??

//Lars