Home icon menu

[Martin Nielsen]

Martin Nielsen

July 13, 2015 at 7:56 am

I have an Home Icon Menu with 3 rows each having 3 icon-fields – that means a total of 9 icons-fields. Each icon field consists of one icon (e.g. icon-earth) a headline and 3 lines of text.

I looks great on a full screen, but when I resize the window the icon-fields are arranged e.g. with 5 rows where one row have one icon-field and another row have 3 icon-fields and so on. Furthermore, the height of the fields changes so some icon-fields have different height. The columns seem always to be resized such that all the icon-fields have the same width. Furthermore, some of the text for the headline sometimes extend out of the icon-field. I does not look good.

It is good it is responsive, but if it does not look good when resized it is a problem.

It seems to me that the problem is the varying height of the icon-fields when resizing from a big screen to a smaller screen (or a smaller window). A solution may be to ensure that all the icon-fields are set to have the height of the icon field with the “highest” height. Can you solve the problem?

BR
Martin