Profile: Akhil

Problem: I would like to make the background behind my main menu stretch across the entire screen, instead of being limited by the menu width.

Solution:
A full-width menu isn't one of the options available, but we could probably make something similar with a bit of CSS.

1. Edit the row in your Layout that contains your menu. Make sure that the option "Row background extends to full width" is selected.

2. In optional Tag classes for this row, add "my-full-menu-container" and save the Layout.

3. Go to Toolset > Layouts CSS and JS. Scroll down to the bottom and add the following code:

.my-full-menu-container {
  background: #ff3b3b;
} 
 
.ddl-nav-wrap, body .ddl-nav-wrap.ddl-navbar {
  margin-top: 0;
  margin-bottom: 0;
}

4. Replace "#ff3b3b" with the hexadecimal color value of your menu. If you are not sure what the hexadecimal color value is, you can find it by going to Appearance > Customize, then clicking "Colors". You can find the current hexadecimal value by clicking the "Select color" button.

5. Save this code and refresh your page.

Relevant Documentation: https://toolset.com/documentation/user-guides/learn-how-rows-can-displayed-different-ways/