Differtent navbar for Iphone

PJW

Hello,

I am new to smug mug and designed a site, www.wieringalocaties.nl, which Iam very happy with. Now I want a different navbar for a iphone. I am very bad in HTML and tried to copy some css and html codes, but I can't get it done. Can someone please help me.

Peter Jan

jerryr

Hi - my suggestion would be to hide certain menu items using CSS (you would place this code in the advance css area).

Example :


.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:nth-child(3) {display: none !important;}
.sm-user-ui .sm-page-widget-nav a:nth-child(3) {display: none !important;}
.sm-user-ui .sm-page-widget-nav-toplink:nth-child(3) {display: none !important;}

@media only screen and (min-width: 600px) {
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:nth-child(3) {display: block !important;}
.sm-user-ui .sm-page-widget-nav a:nth-child(3) {display: block !important;}
.sm-user-ui .sm-page-widget-nav-toplink:nth-child(3) {display: block !important;}
}

This would hide the third menu item of a left navigation if the screen size is less than 600px in width.

I did this on a couple of sites to hide/display certain menu items depending on the theme.

http://www.brianarnoldphotos.com/
http://vanessak.com/
http://www.snitzerphotography.com/