Hi,
Sorry, I’m not seeing a difference in the header menu for the 3 pages, please try including a screenshot with the issue highlighted.

Best regards,
Mike

Hi,
Thanks, I believe we are almost there, checking the “behandlinger” page I believe the content width is now correct along with the header, but we have circled back to the issue where the menu background is not stretched full width, but the css that was stretching the menu background is also changing the header layout width.
Anyways, I believe we can sort this out, but we may need to go at it a little different, I will continue.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I’m finding this css injected into your page:

<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>

I would like to remove this because !important; is hard to overcome, but I’m not finding the source.
I looked at your custom css & js plugin,
WordPress > Customize > Additional CSS,
Enfold Theme Options > General Styling > Quick CSS field,
and the custom.css in the Enfold theme.
Does the above look like something you might have added? Any thoughts on where?

Best regards,
Mike

Hi,

@PearlSmile when you add classes to the custom css fields are you adding the “dot” like .class if so please remove the “dot”
If you are using the Enfold Theme Options > Performance > JS & CSS file merging and compression please disable, this is showing you a “cached” version.
Otherwise, please open a new thread with an admin login in the Private Content area and an example of what you can not achieve.
Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.

Best regards,
Mike

Hi,
Thank you for clearing the cache, I have been re-adding the css back to the site a little at a time to try to isolate the issues, most of the css is back now but I do have more to add once I work it out.

Best regards,
Mike

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

Best regards,
Mike

Hi,
Sorry for the late reply, thank you to both of you for links to your sites. So in both cases the pagination [1] is not linking to the first page, but the position of [1] changes as the [<] pagination buttons are added and then after page 5 [1] drops off. So I believe I have it sorted out with this script, try adding this code to the end of your functions.php file in Appearance > Editor:

@JaimBateman with your masonry pagination please try this:

function custom_masonry_pagination_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
   var $this = $(".av-masonry-pagination nav.pagination a").eq(1);
   var count = $(".av-masonry-pagination nav.pagination a").length;
   var url = document.URL;
   var theURL = url.split("=")[0];
   if (count>4){
   if ($this.hasClass("inactive")){
   $this.attr("href", theURL + "=1");
   } else{}
   } else{}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_masonry_pagination_script');

@KunaWebAgency for your pagination-slider please try this:

function custom_pagination_slider_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
   var $this = $(".pagination-wrap.pagination-slider nav.pagination a").eq(1);
   var count = $(".pagination-wrap.pagination-slider nav.pagination a").length;
   var url = document.URL;
   var theURL = url.split("=")[0];
   if (count>4){
   if ($this.hasClass("inactive")){
   $this.attr("href", theURL + "=1");
   } else{}
   } else{}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_pagination_slider_script');

I guess we could have just used nav.pagination a as the target and the code would have been the same, but I didn’t want any unexpected actions on other paginations.

Best regards,
Mike

Hi,
Sorry for the very late reply, I took a look at your services page and it seems different than your screenshots, did you end up changing your layout?
I also didn’t see any test page, are you still trying to do this?

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the login, so I first ensured that your Contact Form 7 plugin had it’s reCAPTCHA enabled:

Then I tested two of your Contact Forms, but I got the success message from both of them:

I also didn’t find any error messages in the browser console.
I have noticed on other sites that if my autofill fills all of the fields the form may not recognize them as filed. In these cases, I have to click each field so the background changes and then submit.
This is due to the browser autofill function, perhaps this is what happened to you?

Best regards,
Mike

Hi,
Thanks for the login, I adjusted the script to this:

function custom_script(){
  ?>
  <script>
(function($){
  $('body').on("click", ".lightbox,.lightbox-added", function () {
	  setTimeout(function(){
	  $('button.mfp-close').trigger('click');
		  }, 200);
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

please check.

Best regards,
Mike

Hi,
Ok, this script gets the menu text & the menu subtext and adds it to the menu link “a” as an alt attitude.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_menu_alt_subtext_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $(".menu-item-top-level").each(function(){
    var menu_title = $(this).find(".avia-menu-text").first().text();
    var menu_subtitle = $(this).find(".avia-menu-subtext").first().text();
    $(this).find("a").first().attr("alt", menu_title +' | '+ menu_subtitle);

});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_menu_alt_subtext_script');

and remove the other script, then clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the video and the new link, I understand better now, the script from the thread was for a slightly different issue, for you, I see portions that should be removed. Please remove the script above from your functions.php so I can test some changes on my end, or please include admin login in the Private Content area so we can test directly.

Best regards,
Mike

Hi,
I see that you are using a child theme so the Appearance > Theme editor > style.css is a good place.
Please also ensure to clear any cache plugin and your compression theme settings, if enabled.
To clear your compression theme settings, you would toggle, or enable/disable the Enfold Theme Options > Performance > JS & CSS file merging and compression & saving the theme settings, reloading your site & doing again.
If you experience caching issues try the code in the WordPress > Customize > Additional CSS field.

Best regards,
Mike

Hey flipper1960,
Sorry for the late reply, and thanks for the login and test page, so I have not used the Meow Lightbox plugin before so in my research I found the plugin was giving the same error as reported here to the plugin author, the solution for this error is to remove this from the “lightbox.js” script:
//# sourceMappingURL=lightbox.js.map
This may have not been necessary, but I wanted to rule it out. Anyways, I wanted to isolate the behavior of the Meow plugin & the Magnific Popup lightbox which is the default lightbox, typically other lightbox scripts use a similar script for the lightbox. So I first tried using the “exclude” function in the Magnific Popup lightbox, which is in the file \wp-content\themes\enfold\js\avia-snippet-lightbox.js on line 211, with the lightbox option in the theme set to disabled, but with this setting the Meow Lightbox plugin fires first and loads, but then is redirected to the image file. If you watch very closely you will see that the plugin is working but I believe the Magnific Popup lightbox is embedded deeper than it seems.
So as a workaround, I enabled the Magnific Popup lightbox in the theme options and added this script in your functions.php file:

function custom_script(){
  ?>
  <script>
(function($){
  $('body').on("click", ".lightbox", function () {
	  setTimeout(function(){
	  $('button.mfp-close').trigger('click');
		  }, 200);
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

I also replaced your Meow Lightbox plugin “Selector” classes with “.avia-gallery a” to target this one element, I understand you want to add more, but if we can get this one element to work first then we can move forward on the other elements.
So now on your test page, the “avia-gallery” is working for the Meow Lightbox plugin, please clear your browser cache and check.

Best regards,
Mike

Hey namgyal,
Sorry for the late reply, and thanks for the link to your site. As I understand your question, you would like the topbar to show on mobile and have it scroll away until the header reaches the top, which will be sticky?
Is this a testing site, can we login?
I notice that your topbar is quite large on mobile, you can check with this css:

@media only screen and (max-width: 767px) {
#top #header_meta {
    display: block !important;
}
}

Is this the final size that you intend?

Best regards,
Mike