Hey Munford,
Sorry for the very late reply and thanks for the link to your page.
To set the header and the mobile video to 100% please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top.home #wrap_all #mobile > .container,
.responsive #top #wrap_all #header_main > .container {
    width: 100%!important;
    max-width: 100%!important;
}
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Thanks for the login but I get the error “unknown user” please check. I also note that this is for a different staging site than your opening post, I tried the login on both, staging3 & staging4 but neither work, I also see that on staging3 the content shows before logging in like you noted above but not on staging4 so are you sure it has to do with logging in? Perhaps you were mixed up on which site you were on?
I also see that your live site is working correctly, including the mobile menu, and your live site and both staging sites are using version 4.7.6.4, so is your issue that you can not get the staging sites to work or is there an issue with your live site?

Best regards,
Mike

Hey wpcupid,
Thank you for your patience, there are a few Last Modified Date plugins that you could try, they don’t replace the published date but they do add schema for SEO:
WP Last Modified Info
Posts Modified Date
I did find this function for replacing the published date, I didn’t test it, but as the poster points out it could cause other issues, so I not sure if it is a good idea, but you could try it.

function reset_post_date_wpse_121565($data,$postarr) {
  $data['post_date'] = $data['post_modified'];
  $data['post_date_gmt'] = $data['post_modified_gmt'];
  return $data;
}
add_filter('wp_insert_post_data','reset_post_date_wpse_121565',99,2);

Best regards,
Mike

Hey Henning,
Thank you for your patience and for the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px){
.responsive #top #wrap_all #project-hero-section > .container {
    width: 100%;
    max-width: 100%;
}
}

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

Best regards,
Mike

Hey smorano,
Thank you for your patience, the map markers are designed to open tooltips with more info or images of the location and typically people add many markers to each map, but you could achieve this by adding a link to your tooltip for your map locations:

to get the link to the map on Google I copied the Google logo link at the bottom of the map.

Best regards,
Mike

Hey lenalavendel,
Thank you for your patience and the link to your site, the reason the link opens a new tab is because WordPress is loading the audio player, I’m not sure that you can stop this but I found a recommendation here that might work
<embed src="/music/good_enough.mp3" width="180" height="90" loop="false" autostart="false" hidden="true" />
but since you are also using a shortcode in a hotspot it could be tricky, perhps there is a plugin that would do this, I did find a related support thread for this plugin that might do what you are asking.

Best regards,
Mike

Hi,
Thank you for your interest in this old thread, I checked again with Enfold v4.8.3 and there is a margin-left: -40px please try changing to zero like this:

#top #next-section-arrow .scroll-down-link {
top: -9vh;
left: 36vw !important;
margin-left: 0px !important; 
}

this seems to correct on my test site, if you don’t get the same results please link to your site.

Best regards,
Mike

Hi,
Thank you for the feedback, at 960px the section is still showing 2 columns, the break to 4 columns as shown in your screenshot occurs at 989px, then at that point the column width is 20.5% to account for the original margin spacing, so to correct this I recommend changing the column width to 23.5% with this css:

@media only screen and (min-width: 989px) { 
.responsive #top.page-id-13 #wrap_all .flex_column.av_one_fourth {
	width: 23.5% !important;
}
}

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

Best regards,
Mike

Hi,
Glad to hear this helped, a height percentage is subject to it’s parent definition, so in this case defining the height was necessary. Unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

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

Best regards,
Mike

Hi,
To add the modified shortcodes.js to your child theme you can create a js folder in your child theme and paste in your modified shortcodes.js file there, then on functions.php of your child theme add this code:

function change_aviajs() {
   wp_dequeue_script( 'avia-shortcodes' );
   wp_enqueue_script( 'avia-shortcodes-child', get_stylesheet_directory_uri().'/js/shortcodes.js', array('jquery'), 3, true );
}
add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );

For your 12 1/4 columns spacing please try this css:

.responsive #top.page-id-13 #wrap_all .flex_column.av_one_fourth {
    margin-top: 1% !important;
    margin-left: 1% !important;
    margin-bottom: 0 !important;
}

I noted there was an issue with your second and third items at tablet size that was making those two columns much smaller than all of the others, I cloned the first two items and this seemed to have solved it enough that I could figure out the css for the spacing, but now you have 14 items and not 12, please review if you have any other rouge css affecting these or try creating a test page with the 12 1/4 columns and no custom classes so we can investigate, otherwise if you plan on adding more products anyways then just adjust the two additional products.

Best regards,
Mike

Hey MyWin,
Thank you for your patience and the links, to add the lower menu indicator please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.av_minimal_header .avia-menu-fx {
    display: block;
    color: #857050;
}

this will place the bar like this:

or try this css to have the bar higher:

.av_minimal_header .avia-menu-fx {
    display: block;
    color: #857050;
    bottom: 22%;
}

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

Best regards,
Mike

Hey Katja,
Thank you for your patience and the links to your sites, I see the font is working on your live site but it is blocked on your testing site due to a CORS error:
Access to font at 'https://xxxxxxx.de/wp-content/uploads/avia_fonts/type_fonts/daxweb/daxweb.woff' from origin 'http://xxxxxxxx.de' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
This is because your testing site doesn’t automatically load the https version or redirect to it once you correct this and fix your images that are showing as Mixed Content your testing site will be easier for you to test with.

Best regards,
Mike

Hey Technohead,
Thank you for your patience and the link to your page, while there is not an expanding Pagination option, you could try the normal Pagination option which will show you 3 more entries, or you could add a button to another page to show all of your entries, examining the layout of your page with the form on the right it seems like the 3 entries are a sample of opportunities and a button to a full list would be natural?
Or you could try using two blog elements and a button separating them in your section, if you set the two blog element to use their offsets then together they will show all of the posts, and the button would toggle their visibility with a little jQuery. For example this is my test page:

The first blog element is set to show 3 posts with an automatic offset and no pagination.
The button has the default manual link set with no url, I only changed the button title to “Show All” and added the custom ID show-all-button

The second blog element is set to show all posts with no pagination and the automatic offset so it will not show the same posts as the first one and added the custom ID show-all-posts
I added the jQuery to a code block element for simplification of this example:

<script>
(function($){
  $(document).ready(function(){ 
    $('#show-all-posts article').hide();
    $('#show-all-button').click(function(e){
    e.preventDefault();
     $('#show-all-posts article').toggle();

});
    });  
})(jQuery);
</script>

Then on page load the first blog element with only 3 posts show while the second blog element is hidden.

When the button is clicked the second blog element is shown.

Perhaps this will work for your project, in the Private Content area I have linked to my test page, it will probably only be working for a few days if you want to see the example working.

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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike