Non-Alignment of menu and content


I have installed the skin on DNN 7.2.2 and am seeing some alignment issues.

For example in a full screen environment the menu + website logo are centred on the page by the skin but the contents of a module are not centred on the page (they are hard aligned to the left) resulting in a somewhat unsettling layout on (see attachment). Would it not be better to have the module "pane" centred as for the menu, out of the box?

Also on a mobile screen when the menu icon (3 horizontal lines) appears it is hard-aligned to the right. Is the best practice not to align this to the left? Should that not be the default "out of the box"?

file attachments

Closed Aug 5, 2014 at 3:10 PM by gmBarlow
The user used the contentPan, this is 100% pane therefore did not align with the menu bar


gmBarlow wrote Aug 5, 2014 at 12:16 PM

Thank you for your comments.

If it possible could you please screen dump the whole browser window so that I can see exactly what the problem is. With the screen dump you supplied it is very hard tosee what the problem is.



eoghano wrote Aug 5, 2014 at 2:07 PM

Hi Geoff, I looked into this a bit more. The issue of the hard left-hand-side alignment of the content was due to the pane ("ContentPane") of the skin the module was placed in. This pane was 100% wide. By switching to LayoutView I dragged the module from the "ContentPane" to the "TopPane" (which is nicely centred on the page and in line with the left hand edge of the menu) and the problem was solved.

For the menu icon (3 horizontal lines) appearing hard-aligned to the right, I still think that the default "out of the box" should be alignment to the left (which is where I have come to expect it to be and where I typically find it, be it in a native mobile app, or on mobile website). What do you think?



eoghano wrote Aug 5, 2014 at 2:19 PM

I see that Zurb themselves also chose to align the menu icon the left on their own website!

gmBarlow wrote Aug 5, 2014 at 3:10 PM

Hi Eoghano,

I used the contentPane only for admin stuff and displaying.

The toppane is a placer to act like the contentpane.

There should be docs on the Foundation site to allow you to align the menu icon where you wish

Glad its sorted out.

wrote Aug 5, 2014 at 3:10 PM