Item13967: New entries in SiteMenu causes misalignment in SiteSideBar when is set to the left

I don't have the right words to describe it, this two images worth a thousand words.

1. JazzyNoteStyle - Original
2. JazzyNoteSyle - Modified

I've added more items in the SiteMenu of NatSkin, and set the SiteSideBar to be displayed to the left side of the page. But when a user uses the zoom feature in the web browser the SiteSideBar is misaligned and centered to the border of the right end of the SiteMenu (Refer to image #1). This behavior happens in Firefox and Chrome, but not in IE11.

A colleague help me to figure out that if I modify the file: JazzyNoteStyle.css and replace the code:

.natWebMenu{margin-bottom:-1px}

With:

.natWebMenu{margin-bottom:0px}

The layout is maintained properly when zooming in the page (Refer to image #2). This behavior only happen when {NatSkin}{SideBar}: is set to left.

Specifically I'm using:

{NatSkin}{Layout} = 'fixed';
{NatSkin}{Menu} = 1;
{NatSkin}{SideBar} = 'left';
{NatSkin}{Style} = 'JazzyNote';
{NatSkin}{Variation} = 'off';

-- AlexAnder - 19 Feb 2016

Thanks! Will add the fix to the next release.

-- MichaelDaum - 19 Feb 2016

Fixed in latest release.

-- MichaelDaum - 23 Jan 2017

Commenting is disabled while not logged in