WordPress.org

Ready to get started?Download WordPress

Forums

Restaurateur
Make all menu boxes uniform height (10 posts)

  1. maria.darron
    Member
    Posted 3 weeks ago #

    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!

  2. Brooke "The Coconut Ninja"
    Member
    Posted 3 weeks ago #

    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!
    Brooke

  3. maria.darron
    Member
    Posted 3 weeks ago #

    The 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!

  4. Andrew
    Forum Moderator
    Posted 3 weeks ago #

    Can you link to a page with the issue? From what you describe the issue should be apparent on the theme's demo site.

  5. maria.darron
    Member
    Posted 3 weeks ago #

    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/

  6. maria.darron
    Member
    Posted 3 weeks ago #

    Here's a screenshot of what my menu page look like with the varied heights.

  7. Brooke "The Coconut Ninja"
    Member
    Posted 3 weeks ago #

    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.

  8. maria.darron
    Member
    Posted 3 weeks ago #

    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.

  9. Andrew
    Forum Moderator
    Posted 3 weeks ago #

    Will the amount of text change?

  10. maria.darron
    Member
    Posted 3 weeks ago #

    The amount of text in each box will be slightly varied. But I want all the boxes to be the same height.

Reply

You must log in to post.

About this Theme

About this Topic