Add a widget on a mobile menu at the button

Hi,
Thank you for your patience, I saw your widget area with your name and address and the text below it with the three links, and as I understood you wanted this to show in your mobile menu below the other menu items. I thought the best way would be to add these as menu items, so I added your name, email, address to one custom menu item and made the link your mailto email link and added line breaks between the items. I thought you would like this text to be a little smaller to distinguish it from the other menu items. I also added the other three links below it and three separate menu items. Then I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

@media only screen and (max-width: 767px) { 
	#av-burger-menu-ul .menu-item-22286 .avia-menu-text,
	#av-burger-menu-ul .menu-item-22287 .avia-menu-text,
	#av-burger-menu-ul .menu-item-22288 .avia-menu-text,
	#av-burger-menu-ul .menu-item-22289 .avia-menu-text {
		font-size: 18px;
        line-height: 18px;
        display: inline-block;
	}
    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-item-22287,
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-item-22288,
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul .menu-item-22289 {
        line-height: 18px;
        padding: 0;
	}
}
@media only screen and (min-width: 768px) { 
	#top #wrap_all #avia-menu #menu-item-22286,
	#top #wrap_all #avia-menu #menu-item-22287,
	#top #wrap_all #avia-menu #menu-item-22288,
	#top #wrap_all #avia-menu #menu-item-22289 {
        display: none;
	}
}

this will hide this on desktop and show on mobile, please clear your browser cache and check and let us know if this is what you had in mind.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Glad to hear, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top #av-burger-menu-ul {
    text-align: justify;
}
#top #av-burger-menu-ul .avia-menu-text {
	padding-left: 20%;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike