Hi,
Thanks for the feedback, I took another look at your contact form popup and see that it is inside a color section which always is given 100% width, since you say that when the popup starts it’s the right size and then when the content loads it increases in size so I removed the color section. Please give that a try.
If that doesn’t work then look for this css in your Quick CSS”

.mfp-iframe-holder .mfp-content {
    width: 50% !important;
    max-width: 960px !important;
    min-height: 51vh;
}

.mfp-iframe-scaler {
    min-height: 51vh;
}

and try with it removed, as a test. and then test with this code as a replacement:

.mfp-iframe-holder .mfp-content {
    width: 50% !important;
    min-height: 51vh;
}

.mfp-iframe-scaler {
    min-height: 51vh;
width: 50vw !important;
}

Sorry, if I had a iPhone I could test it myself.
Please be sure to clear your browser cache and your cache plugin with each test.

Best regards,
Mike

Hey restube,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.container_wrap {
    border-top-width: 0 !important; 
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hey Gudi,
I was not able to reproduce this on Chrome in PC or on an Android device, but I recall reading about this on iOS a while back, the solution was to change the viewport in the header. If you look in your header.php on line 65 you will see this code:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

I have removed the maximum-scale=1 in the code, because I believe that was the solution.
Please test with your iOS devices, if that doesn’t work try changing it to this:

<meta name="viewport" content="user-scalable = yes">

Best regards,
Mike

Hey kilimats,
I was not able to load your site, I get this error:

Uncaught SyntaxError: Unexpected token <

I can not even get to your WP login. It looks like it’s coming from your header, are you able to login?
Please check any custom scripts in your header, or your Google Analytics code?

Best regards,
Mike

Hey tavonada,
This seems to be a duplicate thread, probably an error. Lets discuss this on your other thread.

Best regards,
Mike

Hi,
Glad Victoria could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thanks for the login, I see you have none of the demo pages or the media files, did you delete these or did they not install?
I recommend resetting your site and try to install the demo again. But I do have a concern that your multi site settings are interfering with this install.
You have many plugins activated that are not showing in the plugin page, so it’s hard to rule out conflicts.
I would recommend doing a clean install on a single site to develop your site and ensure you are not having conflicts.

Best regards,
Mike

Hi,
Thanks for the login, I changed your css to 65% as described above and now the menu text doesn’t overlap the logo on smaller screens.
Please clear your browser cache and check.
Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Sorry for the late reply, and thank you for sharing your solution.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your two test pages (1) & (2) and the css solution above, and then compared it to the actual css on your page and found that you need to change your overflow: hidden; to overflow: visible !important;
You can do this directly or if you can’t find it you can use this css to override:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
    overflow: visible !important; 
}
}

I couldn’t login to change it for you, but if you would like me to please update the login link.

Best regards,
Mike

Hey HuxburyQuinn,
Sorry for the late reply, I took a look at the latest version of avia_recaptcha.js on GitHub and quite a lot of it has been rewritten, it is now “var alert = null;”
So I believe you will not have this issue in the next version.
I don’t know when it’s being released, but I saw a post to another customer from the dev team that it will be very soon.
I suggest that we leave this thread open and ask you to report back with your results from the new version.
Is this reasonable?

Best regards,
Mike

Hey Sepppl,
Sorry for the late reply, we can add the custom target with jQuery if you add a custom class in your shortcode.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $('a.custom-class').attr('target','_main');
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

for this example the custom class is “custom-class”

Best regards,
Mike

Hi,
In your merged child theme css the header is set to 90% width, instead of 100%
Although I couldn’t find it in any of your css.

.responsive.html_boxed.html_header_sticky #header {
    max-width: 90%;
}

Perhaps it is in the css of one of your other languages?
I was able to override it with this css in the WordPress > Customize > Additional CSS field:

.responsive.html_boxed.html_header_sticky #header {
    max-width: 100% !important; 
}

Please check your site after you clear your browser cache to ensure that my fix didn’t affect the header for other pages or posts or in another language.

Best regards,
Mike

Hi,
About the links, I’m not sure what you mean by “I would find it a little irritating with this nomenclature.”
I think you mean that the names of the links are irritating, if this is what you mean, then I would point out that you can change it to anything, it is the section ID’s that you named. Would you like help changing them?

For your two “X”‘s they seem to both click to their sections for me, the left one goes to the first section below & the right one goes to the second section below.
I’m not sure what the mouse-over was, I do see the “image title” on mouse-over. The one on the left is higher because in your css the “top” is set to 80px, where the right one is set to 170px.

We can change the color of the header, if you want it to be transparent it might be hard to see. I was able to put together a script to change the header color based on how far you scroll in px. I’m not sure how well it will work in mobile.
This is what it looks like:

function custom_script(){
  ?>
  <script>
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
 if (scroll <= 600) {
        $("#header_main").css("background-color", "transparent");
    } 
if (scroll >= 600) {
        $("#header_main").css("background-color", "red");
    } 
if (scroll >= 1200) {
        $("#header_main").css("background-color", "blue");
    } 
if (scroll >= 1800) {
        $("#header_main").css("background-color", "green");
    } 
})
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Just let me know if you want to try it.

Best regards,
Mike

Hi,
Sorry, I asked the team to take a look if they knew ACF, but no one wrote back so I assume they don’t use it either.
But I have seen other members that have done some incredible things with ACF.
Perhaps if you create a new thread with a title like “How to add a custom field to a portfolio with ACF?”
and then explain it in more detail, the other members that do know ACF will see it and reply.
I don’t think they will see your question here because your title is on a different topic.
There are a lot of nice people here, and I see them helping on other threads often.

Best regards,
Mike