left nav questions

amf digital media · October 10, 2013

Hi there! I just purchased my Smugmug membership yesterday... Things have been pretty easy thus far, with the exception of the left nav. I'm trying to get 12 pixels of margin between the center and left frames on the followings page:

http://amfdigitalmedia.smugmug.com/Services/Photography/Product

I've tried modifying pretty much every class in the area... right margin to the left column, left margin to the center, etc., but it blows out and/or otherwise distorts the site.

Speaking of the left nav, is there a way to replicate it throughout other Pages? I plan on implementing the same nav throughout all the Services pages.

Thanks!

AceCo55 · October 11, 2013

If you have set your content blocks to a specific number of pixels, I would change that to "stretchy" and then select % of screen width plus change the margins of each block.
Maybe that is not the reason, but I would check it out.

James Dean · October 11, 2013

I too am wondering how to adjust the width of the Nav Bar. I am using the Turbo theme and need to slightly increase the width of the left Nab Bar. AceCo55, I noted that you were suggesting to adjust the number of pixels in the content box but I don't know how to accomplish that, can you help me out?

einat · October 11, 2013

amf digital media wrote: »

is there a way to replicate it throughout other Pages? I plan on implementing the same nav throughout all the Services pages.

When customizing your site, make sure that the navbar is placed on "Entire Site", not just on "Homepage"

amf digital media · October 11, 2013

James Dean wrote: »

I too am wondering how to adjust the width of the Nav Bar. I am using the Turbo theme and need to slightly increase the width of the left Nab Bar. AceCo55, I noted that you were suggesting to adjust the number of pixels in the content box but I don't know how to accomplish that, can you help me out?

Thanks for the input Ace!

James, I figured it out something that works for my specific implementation... For this specific page, I have the Layout > Left Width set to 200px. Since I'm only using the left nav on a handful of pages, I added CSS below the left nav of the Pages in question using Content > Content Blocks > HTML & CSS > CSS. The code is as follows:

.sm-page-layout-region-left {
width:194px !important;
}

You can see an example here: http://amfdigitalmedia.smugmug.com/Services/Technology

RmurrayPhoto · October 12, 2013

Is there a way to lock the left navbar so that it does not increase in size while viewing on a ipad and an image is zoomed? The specific problem I'm trying to solve is viewing our Aurora webcam at www.AlaskaAuroraCam.com It loads great both on the iPhone and the PC browser but when on the iPad becasue of the float percentages for size it's a bit small so you need to zoom the image to make it larger. When this is done, the navbar zooms as well and takes over the page. Any ideas?

Also, is there a tweak to allow some sort of auto refresh script? I've not found a way around the need to manually reload the webcam.

Thanks in advance for any help!

Edited: For now I've unpinned the navbar and this has solved the issue. It would be great it I could leave the sidebar pinned and have it perform the same as it does now.

thestartrail · October 13, 2013

how did you get the nav links to expand when clicked on your bar?
I only get the "hover" expansion

amf digital media · October 16, 2013

thestartrail wrote: »

how did you get the nav links to expand when clicked on your bar?
I only get the "hover" expansion

If you click into the Menu block, there's a Layout option called Accordion.

left nav questions

Comments