How to expand the navbar bg in mobile responsiveness mode?

Design help Animations & Interactions
1

Hi, i am Venkatesh, i am working as a Graphics and Web designer in one orgnaization, i wanted to know about the navbar interactions topic - How to expand the navbar bg in mobile responsiveness mode ?
please can anyone help me to solve this issue ?

Here is my public share link: LINK
(how to access public share link)

2

Hi Venkatesh!

The navbar will automatically expand to the full width of its parent container (body, section, or other element). For proper mobile responsiveness, here’s how to adjust the navbar:

  1. Switch to the tablet breakpoint in the Designer
  2. Select your navbar
  3. In the Element settings panel, locate and click “Menu > Show”
  4. Adjust the spacing by adding padding:
    • Select the navbar container
    • In the Style panel, add top and bottom padding as needed
    • This will create proper spacing between the navbar and its content

These adjustments will ensure your navbar displays correctly on mobile devices while maintaining the desired spacing.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like