I am trying to get the drop-down menu to have color go all the way across the screen. Any suggestions on how to accomplish this?
Hey Brian,
Do you mean the gray? In the screenshot it looks full-width already. Can you provide a link to the site?
Best regards,
Jordan Shannon
Sorry Jordan, that was just a mock up in photoshop. Right now it is just the standard drop-down menu.
Hi,
Thanks for the update, could you post a link to where we can see the element in question so that we have something to work with please?
Best regards,
Rikard
Sorry about that
The site is
https://studioa2stage.wpengine.com
Hi,
Thanks for that, so you are looking for all the submenus to open at the same time? If so then I think that would be difficult. Or do you simply want the submenus to be 100% of the screen width? Maybe you would try to use the Mega Menu option to see if that gets you anywhere?
Best regards,
Rikard
Thanks Rikard, I tried mega menus and it didn’t have the effect I was looking for. It put everything into columns. I do just want the submenus to be 100%
Hi mammothbrian,
You can remove your code and try playing with this:
@media only screen and (min-width: 1024px) {
.main_menu .menu ul {
width: 100vw;
opacity: 0.7;
left: -53vw;
}
}
Best regards,
Victoria