Mobile look for website

Ko4374Ko4374 Registered Users Posts: 4 Beginner grinner
edited April 27, 2016 in SmugMug Customization
Hey All,
So I am using code from old templet in order to implement the same thing for mobile devices where it gets a different navbar then what is on fullscreen. Anyways I can't seem to locate the ID for the header navbar so I can just hide only the header navbar and the footer navbar stays visible on Non-Mobile viewing. Below is the code I have that hides both the header and the footer navbar and this is what I am currently using on my website until I can figure out the id for just the header's navbar. If anyone happens to know the Div ID to do this it would be very much appreciated. I've tried to fine it on my own but was not successful. I know a long time ago this code was in a thread but I couldn't find that thread either to see if the question has already been answered. Thanks in advance!

My website is www.k-ophotography.com.


/* ====================
   = LARGE DISPLAYS   =
   ====================
   SmartPhones display a special page but tablets do not. 
   For small screens and tablets in vertical orientation, 
   show a horizontal menubar in the header. 
   Hide the header for screens that are large enough */
@media only screen and (min-width: 641px) {
  /* Hide the header nav bar for screens that are wide enough */
  .sm-page-widget-nav{ display: none; }
}

  /* ==================
   = Mobile Phones  =
   ================== */
@media only screen and (max-width: 640px) {
  /* Hide the header from Mobile Phones */
  #cssmenu, #branding{ display: none !important; }
}

/* Hide the "Photo Sharing by SmugMug" Footer Text */
.sm-page-powered-by {
    overflow:hidden;
    height:0;
}

Comments

Sign In or Register to comment.