#757 – Expand top and main menu width to full page

Joomla! version : 3.9.2
PHP version : 7.2.29
AdsManager version : Newest

Hello,

How do I expand the ends of the TOP and Main Menu out so the menu appears to go the full length of the screen. The top menu currently shows "Black colored" extensions of the menu that extend full screen. How do I change the color of these extensions to match the color of the menu. The main menu below the logo does not expand full width and chops off. Most modern websites are responsive and appear to be full screen no matter what device the user is using. I am trying to make this website look full screen. Thank you for your help.

Best regards

Hello,

Just to be sure I understand, you want to force the width of the top and main menu of adsclarity to 100% of the available space ?

On a computer, we are using the bootstrap library to make the template responsive.

The size of the screen displaying the website is what will decide the width of the content.

To do what you wish, you need to change the class used in the template, it is a custom developpement.

Best regards.

Hello,

I've attached a graphic to better illustrate my questions. I want your default menu to stay in the same position with the default behaviors. There is already black menu bar extension on either side of the top menu. I just want to change the color of the 2 back menu bar extensions so that they are the same color as my blue top menu.

Q2: I moved the Main Menu item "My Account" and all of its submenu items to the TOP menu - and correctly assign submenu items to the Top Menu item "My Account" the dropdown function displaying the submenu items does not work in the top menu. Then, when I move it back down to the MAIN menu and reassign all the submenu items to the "My Account" that is now in the MAIN menu, then the dropdown works in the MAIN MENU perfectly. Why doesn't the drop down of submenu items NOT WORK in the top menu bar, but DOES WORK properly in the main menu bar?

Q3: How do I reduce the vertical space between the top and main menu bar?

Q4: If I change my mind and want to make the MAIN menu transparent or white and the text black how do I make these changes?

PLEASE SEE ATTACHMENT

Thank you for the help.

Hello,

for the question you ask, you need to custom the css of the template.

By doing a right click -> inspect the element, you can see what class or id you need to override.

Q2. The top menu isn't made to accept submenu, but did you try to allow the submenu element in the menu module linked to that position ?

Q3. I need a link to your website to be sure but it can be two things :
1. The height is set by the size of the element in that space, here it would be the height of the logo + a margin or padding wrapping the image.
2. The height is set by the css.

Q4. It is also css, you can set the background transparent and the color black if needed.

Best regards.