Different Menu Buttons for Different Media Queries?

hi, have been looking on information on how make different menu buttons on different media queries , have not found answer. figured should ask around here see if 1 of might able me helped here last time.

 

i working off of dreamweaver 5.5, , set 3 different media queries; phone, tablet, , desktop. going smooth until point reached menu buttons, current menu buttons on site not fit phone use , make difficult navigate mobile. went ahead , opened photoshop , created different graphics bigger , easier use buttons. changing layout in each quiery using css no problem, unable menu buttons because apart of source coding.

 

basically i'm asking, there way change graphics on phone query without changing them on other 2 queries? last time, site not published yet , still in works won't able show of it. i'm hoping problem can solved simple mention and/or description of method on how in general sites, greatly appreciate help.

you use css display: none; in css media queries hide/show html areas don't want display in various devices:

 

<div id="navphone"></div>

<div id="navdesktop"></div>

<div id="navtablet"></div>

 

so in css media query smartphone hide "navdesktop" , "navtablet":

 

#navdesktop, #navtablet {

display: none;

}

 

 

i dunno if work, i'm thinking on feet. can't think of reason why should'nt.

More discussions in Dreamweaver support forum

adobe