Hi,
Sorry you will not be able to allow other pages while in maintenance mode.
But you can display content in modal windows, or lightbox popups.
This will allow you to hide the content until someone clicks to see your legal texts and confirmations which will be stored in a code block element.
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
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Then add this code in the General Styling > Quick CSS field:

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

you can adjust the max-width to suit your needs, but try this code to start with.

Then in a code block on your maintenance page add this code:

<a href="#test-popup" class="open-popup-link">Click this button to open form in lightbox</a>

<div id="test-popup" class="white-popup mfp-hide">
YOUR SHORTCODE GOES HERE
</div>

Notice that the first line is the link trigger to open the popup, and the popup is below. Just replace the text “YOUR SHORTCODE GOES HERE” with your text or advanced layout builder shortcode.

To have more than one on a page, simply change the ID for each popup (id=”test-popup”) and trigger so it is unique.

To get the advanced layout builder shortcodes Enable the Avia Layout Builder Debug and copy the shortcodes from the debug window.

After you do this once or twice, you will see this is easy to do.

Best regards,
Mike

Hi,
You would replace the 206 with 591:

#top.page-id-591 .avia-content-slider-element-slider .image-overlay {
background: #000000 !important;
}

#top.page-id-591 .avia-smallarrow-slider .avia-slideshow-arrows {
width: 100% !important;
top: 150px !important;
}
#top.page-id-591 .avia-content-slider-inner {
margin: 0px 50px;
}

Best regards,
Mike

Hey amikietiuk,
Please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hey dave frucella,
Thank you for contacting us, Enfold is $59, and only available at Theme Forest
Please see the demos that are included
If you would like to see Enfold in action, please see this user submitted video.
Let us know if you have any other questions, and we look forward to seeing what you build with Enfold.

Best regards,
Mike

Hey bruwa,
Your css looks correct, please try it in the WordPress > Customize > Additional CSS field, and clear your browser cache, if this doesn’t help please link to your site so we can test.
I assume we can enter fake info to get to the screen you are talking about?

Best regards,
Mike

Hey bruwa,
Please try this code in the General Styling > Quick CSS field:

.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    visibility: hidden !important; 
    background-color: transparent !important; 
    border-color: transparent !important; 
}

If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi,
Please try this solution for adding a down arrow to a layerslider, I have just tested to ensure that it works.
Please add a new html layer to your slide, and drag it into place and resize it to around 60px square, it doesn’t need to be exact.
Then in the layerslider content box for the html layer, please add:

<a href="#next-section" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

and save.
If you add any more layers afterwards, such as a overlay, ensure the html layer is on top so you can click it.

Best regards,
Mike

Hi,
I check your site on another Android, and found the text was a gray, but I have not seen this on other sites.
Please try this css in your WordPress > Customize > Additional CSS

.main_color p {color: rgba(0, 0, 0, 1) !important; }

If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey philippmosqueira,
I took a look at your site and found that your file permissions were not correct, so I changed your folders to 755 & files to 644.
Then I tried uploading the enfold theme, but the default permissions settings on the server creates folders with 705 & files with 604, so during the upload each directory is created with incorrect permissions that won’t allow a sub-directory, and this is why you are getting the error.
While I did change the file permissions on the first level sub-directories, it would be too much to do so for every sub-directory, and I believe this will cause you issues in the future.
Please ask your webhost to change the default file permissions for created folders & files, so you can upload the theme correctly.

Best regards,
Mike

Hey Adi,
Please try this code in the General Styling > Quick CSS field:

#top.home #main .container,#main main {
padding: 0px !important;
}
#top.home .avia-slideshow-inner .slide-1 {
margin: 0px !important; 
}

Best regards,
Mike

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

.blog-categories.minor-meta {
display: none !important;
}

Best regards,
Mike

Hey caweint,
I have taken a look and I believe I see it, it’s very hard to see.
but I examined all of the elements, and found everything is 100%.
Could it be in the svg? Please try testing with a jpg or try trimming the edges off of the svg

Best regards,
Mike

Hi,
To replace the h2 tag in your slider with h1, try adding this code to the end of your functions.php file in Appearance > Editor:

function slider_h2_to_h1(){
  ?>
  <script>
  jQuery(window).load(function(){
  var el = document.querySelector('.avia-caption-title');
        el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
  });
  
  </script>
  <?php
  }
  add_action('wp_footer', 'slider_h2_to_h1');

then add this code in the General Styling > Quick CSS field to style your new h1:

.avia-caption-title {
color: #fff !important;
font-size: 50px !important;
}

please adjust to suit.

Best regards,
Mike

Hi,
Sorry, I’ve been trying different scripts and methods to solve this, and I have not found one to work.
I will ask the rest of the team for ideas.
Thanks for your patience.

Best regards,
Mike