Make all menu boxes uniform height
-
Does anyone have a CSS code to make all the menu items a uniform height, so the boxes are in a grid rather than being staggered? Thanks!
-
Aloha Maria!
If you post your site link I can take a look and let you know what you need to change in your style sheet.Cheers!
BrookeThe site is still under construction so it hasn’t launched yet. The stylesheet for the menu page hasn’t been touched though, so it’s no different from the default Restaurateur page. Thanks!
Can you link to a page with the issue? From what you describe the issue should be apparent on the theme’s demo site.
Sure, here’s the theme’s demo. As you can see the descriptions that are longer on the left make the tiles staggered: http://wprestaurateur.com/menu-2/
Here’s a screenshot of what my menu page look like with the varied heights.
The reason why it isn’t all the same height is because your text is all different lengths. If you want them to look all uniform then all the text need to have the same characters. If you look at the demo site closely they aren’t all the same. It looks like it is suppose to have the same feel as pinterest.
Understood, I’m looking for a tweak in the CSS that will make all the boxes the same height, regardless of the amount of characters.
Will the amount of text change?
The amount of text in each box will be slightly varied. But I want all the boxes to be the same height.
The topic ‘Make all menu boxes uniform height’ is closed to new replies.
