Menu Items even spacing and shrinking when resizing

Steven Orlosky

• January 11, 2023 15:44

Good day!

We would like to ask if we can have this same effect, like the menu items are evenly spaced, and they gradually and evenly reduces in space when resizing. This is true for the precision moving website, as seen in the video...

We wanted that effect for Ben Hur`s website too. Currently, I cannot increase the item spacing of the menu since they are pixels and stays the same as 42px-42px even when resized, causing it to overlap the logo or the button. Thanks!

Here is the video: https://www.berrycast.com/conversations/2e93e688-bf37-5893-abe6-3446e1fea6b5

 

0

• 

  KC George

  • January 12, 2023 06:44
  • Edited

  Hi Steven,

  Can you please setup a test page? Please duplicate your homepage design on a different page and increase the space between the menu items to the desired value. I want to see if the menu items would overlap with the logo or the button on the right while resizing. 

  Please also consider using a hamburger menu for the Tablet. 

  0
• 

  Steven Orlosky

  • January 13, 2023 01:29

  Hello George,

  Thanks for your suggestion. But increasing the menu items` spacing didn`t work since they stick to the pixel value set in resizing. They do not expand nor shrink, event setting the tablet version to a hamburger.

  0
• 

  KC George

  • January 13, 2023 04:27

  Hi Steven,

  The menu elements may not expand or shrink, but I feel it is unlikely to overlap into the logo or the button even if you increase the space between the menu elements. If you could create a test page please share its URL so that I can check its behavior.

  0

Please sign in to leave a comment.