Hi,
Unfortunately you have a lot of long menu titles, perhaps try having your mobile menu show for larger screens until the main menu will fit across. For this Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 1465px) {
.av-burger-menu-main { 
     display: block!important; 
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
     display: none!important;
}}

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

ul#avia-menu.menu.av-main-nav {
	display: flex!important; 
    justify-content: center!important; 
}
.av-main-nav > li {
    width: 20%!important; 
}

Please see screenshot in Private Content area for expected results.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks that is a good resource.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey Charlotte,
I didn’t see any comments on your page, but it said “password protected” so perhaps it was hidden from me.
Try this code in the General Styling > Quick CSS field:

.comment_container, .comment_meta_container, .slide-meta-comments, .slide-meta-comments + .slide-meta-del{
	display: none!important;	
}

Best regards,
Mike

Hey Charlotte,
Try this code in the General Styling > Quick CSS field:

.post-password-form input[type=submit] {
    width: 20%!important; 
}

adjust to suit.
Please clear any cache plugin and your browser cache and check.

Best regards,
Mike

Hi,
When I look at the page your h6 looks like it already has that font:

h6 {
    font-family: 'Reforma Bold'!important;
    font-weight: 700!important;
}

This is the element that has that code

Is that the element you ment?

Best regards,
Mike

Hey S.,
Thank you for the info and suggestion, please include this at Enfold feature request as this is the thread that the devs look at when deciding what should be added or improved.

Best regards,
Mike

Hi,
Sorry I don’t, I’ve not used that plugin either, I had just searched “side panel plugin”. I imagine there are others though.

Best regards,
Mike

Hey navindesigns,
Please try going to Enfold Theme Options > Header > Header Layout > Menu and Logo Position and choose “Logo left, Menu right” from the drop down

Best regards,
Mike

Hi,
I would ask to login to your site to investigate, but you have posted on someone else’s thread so they would see the login. Please start a new thread with admin login in the private content area so we can take a closer look.
To answer your question, we have not had any issues with Google Maps API.

Best regards,
Mike

Hi,

@Guenni007, thank you for sharing your solution.

Best regards,
Mike

Hey StaceyThrush,
Please note that after you download the theme from Theme Forest you will need to open it and extract the enfold.zip from the file, and then upload that to your WordPress > Themes > Add New
If you still are having issues please include a Dropbox or Google Drive link to your enfold.zip file and we will help.
*First check with your webhost that you are using php v7

Best regards,
Mike

Hi,
I think I have found a better solution, which is to add your popup content hidden at the bottom of your page. This opens very fast.
First add this code to the end of your functions.php file in Appearance > Editor:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Next add your content in a code block at the bottom of your page, in my test I used one code block for each popup, but you could combine them if you wish. Be sure to use a different ID for each content block. Use this format:

<div id="test-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

Then for your links use this format and be sure to target the correct ID’s:

<a class="open-popup-link" href="#test-popup">Show popup</a>

Then add this to your CSS:

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

In my test this worked very fast, but I noticed a 100px blank space at the end of my page, where the hidden content was. I added this CSS to hide this space and the popups continued to work. You will need to adjust this css to target the space on your page.

#top.page-id-626 #after_section_5 div.container {display: none !important;}

Hope this helps.

Best regards,
Mike