Thanks Andy,

For instance, on this page: http://www.arbejdsmarkedsanalyser.dk/ I would like the text (which is H2) in the top picture “PRAKSISNÆR DOKUMENTATION OG EVALUERING” to be on a coloured background, so that it is easier to read. Will I accomplish that by changing the background colour of H2?

BR,
Kim

This code solved my issue:

add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
	?>
	<script type="text/javascript">
	(function($) {

		$('.av-section-color-overlay-wrap').on('click', '.custom-mute', function() {
				$(this).toggleClass("icon-sound-on");
				
				
			});
		

		function a() {
			$('.av-section-color-overlay-wrap').prepend('<div class="custom-mute"></div>');
			$('.av-section-color-overlay-wrap').on('click', '.custom-mute', function() {
				$('#top .mejs-controls .mejs-volume-button button').trigger('click');

			});
		}

		a();
	})(jQuery);
	</script>
	<?php
}

And here’s what I added on the quickCSS:

.custom-mute {
    display: block;
    background-image: url('../../../wp-content/uploads/2016/09/icon-unmute.png');
    background-size: 48px;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 50px;
    right: 10px;
    z-index: 1000;
}

.custom-mute:hover{
opacity: 0.5;
}

.icon-sound-on{
background-image: url('../../../wp-content/uploads/2016/09/icon-mute.png');
}

@media only screen and (max-width: 1290px) {
.custom-mute {
    
    right: 190px;
    
}
}

You guys are awesome!
You can mark this as solved. Thanks

Thank you! It works: combining both solutions, the logo is in line with the menu and there is no overlap.

However, is it possible to put the logo on top of the menu for the case when I don´t want to show the mobile menu yet and there is an overlap.

For example for your site kriesi.at: a solution for the overlap at screen widths between 862px to 767px.
What would be the css code (for the Enfold Theme)? Or is it not that simple?

I’ve got the buttons looking ok now. I made the columns they are have no spacing between them. I’ll copy and paste my original post at the top of this thread to a new ticket then Andy.

Thank you for the quick reply.
Well, the problem is that the site is still under development and the menu structure (and so the width) is not completely determined

But the same problem happens with your site:
kriesi.at

From width 862px to 767px there is an overlap

(in my case for the moment from 980px to 767 px)

I would like for this situation the menu aligned left and the logo on top of it (also aligned left)

Thanks for the help!

hm i did that in child-theme functions.php :

this is a fix for top setting only
if you only want to change it for a specific site (see code at bottom) – in my case it is page-id-140

add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
    $(document).ready(function(){
        $(window).load(function() {
            var shift = $('.container.av-logo-container').outerHeight();
                $('.page-id-140 .avia-section.avia-bg-style-fixed').css('background-position-y', shift  );
        });
        $(document).scroll(function(){
            var shift = $('.container.av-logo-container').outerHeight();
                $('.page-id-140 .avia-section.avia-bg-style-fixed').css('background-position-y', shift  );
        });
    });
})(jQuery);
</script>
<?php
}

• This reply was modified 9 years, 5 months ago by Guenni007.

Hi Andy,

I’ve been working with NextGEN support. It is a known issue with Enfold, however their suggestions are not working to resolve the issue.

Here is the thread with their support:

Thanks, Deanna!

Let’s try the following under Gallery > Other Options > Style (replacing the original I suggested):

.galleria-theme-nextgen_pro_lightbox .galleria-stage, .ngg-galleria {
height:100% !important;
}

There may be some trial and error involved, but as noted earlier, it will involve finding the most correct HTML element to insure that a height is set appropriately.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Tue, Sep 27, 2016 at 1:20 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Cais,

The specific page is: http://laurenhardyphotography.ca/weddings

The issue only presents on mobile (Andoird of Apple). It works great on Desktop.

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-27-16 12:20 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

Can you share a link to the specific display where you are seeing this issue. The above suggested work-arounds are generally found to sort out issues with the Pro Lightbox, I do not recall the issue being reported for a specific display type previously … although a similar work-around to specify a height for the display will also likely sort this out if that is the case.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Tue, Sep 27, 2016 at 9:58 AM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Becky,

Also, the issue is only on mobile. The gallery shows great on desktop on all browsers.

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-27-16 9:07 AM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Hey Deanna,
Yep, that’s correct. Would you happen to have a caching plugin installed? If so, could you purge all site cache and then deactivate that plugin. Next, clear your browser cache and reload your site. Often times, a caching plugin will interfere with site updates like this. Clearing it all out should provide a more accurate result of your style changes. You might also open your site in a different browser for comparison. Let us know your results. :)
Becky

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 4:17 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Thanks, sorry my misunderstanding. It’s still not working.

Should it look like this: Lines 43 – 54

.galleria-theme-nextgen_pro_lightbox .galleria-stage {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}

.galleria-theme-nextgen_pro_lightbox .galleria-stage {
height:100% !important;
}

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 4:05 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

As noted previously, you may need to add that specific custom CSS directly into the file I pointed to.

As to the Enfold components, and how they may or may not affect this issue … that is an unknown on our part as we are not familiar enough with their code/options/features to specifically say.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 4:01 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Cais,

Thanks for the solution, but it’s still showing error message on mobile (Android & iPhone after clearing caches many times) maybe I’m not implementing it correctly.

Are you able to log into the back end of my website and see? I can create a temporary login for you.

Now, I did disable to Enfold Lightbox Modal – I saw this on another support forum. Should this be enabled or disabled?

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 3:52 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

Further review of this conversation, and the note that you are using a Child-Theme of the Enfold theme, this is a known issue with the enfold theme.

You will need to add some custom CSS to correct for the problem.

The issue is specifically with the CSS used here:

../wp-content/plugins/nextgen-gallery-pro/modules/nextgen_pro_lightbox/static/theme/galleria.nextgen_pro_lightbox.css

The following added under Gallery > Other Options > Style should sort out this issue.

.galleria-theme-nextgen_pro_lightbox .galleria-stage{
height:100% !important;
}

If it does not, you will need to add the above to the file noted, and will have to do so again with every update to our plugin if the issue returns in those cases.

Thanks; and, our apologies for not noting this earlier.

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 3:35 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Cais,

The Pro Gallery is working on mobile only when it is opened in a new window.

Does this help your diagnostic at all?

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 3:13 PM

To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Deanna –

Switching themes and how well they retain their settings, etc. is solely on how the theme was built. If you have concerns with this specifically for your current theme then you would be best contacting the theme’s author to see if your concerns are warranted.

Thanks!

– Cais.

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Mon, Sep 26, 2016 at 1:25 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Hi Becky,

Thanks for getting back to me. I have deactivated all the plugins but that did not resolve the issue.

I am hesitant to switch the theme, will I lose all my formatting and pages, etc.? If you can please let me know if I will lose all the content, layouts, etc.? Thanks!

Cheers,
Deanna Simone
Virtual Administrator
Rosewood Virtual Admin

Tel: 289-338-7297 | Email: (Email address hidden if logged out)
Online at: http://www.rosewoodva.ca

This message contains confidential information and is intended only for the individual named. If you are not the named addressee, you should not disseminate, distribute or copy this email.
Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system.

From: (Email address hidden if logged out) [mailto: (Email address hidden if logged out) ]
Sent: September-26-16 10:47 AM
To: Deanna Simone < (Email address hidden if logged out) >
Subject: Re: NextGEN Pro: Fatal Error on filmstrip pro only on mobile

Hello Deanna!
Errors like this can typically occur due to a conflict on your site. I’d like to have you try a few things here. Please deactivate ALL plugins. Please also temporarily switch your theme to a WordPress default theme like Twenty Twelve. Now, reactivate NextGEN Gallery & NextGEN Pro/Plus only. If this turns out OK and the error does not occur, switch back your theme. If there is still no error, than that’s a good sign – no theme conflict! :) Now reactivate each of your other plugins until the error comes back and let me know which one is the culprit.

Keep me posted. :)
Becky

Imagely Team
The WordPress Photography People

Stay connected with us & show your support by giving a ‘Like’ on: Facebook , Follow us on: Twitter & Google+
________________________________________

On Sat, Sep 24, 2016 at 1:51 PM, Deanna Simone < (Email address hidden if logged out) > wrote:
Name
Deanna Simone
Email
(Email address hidden if logged out)

Brief subject of your request
Fatal Error on filmstrip pro only on mobile
What is this query referring to?
An Imagely Plugin
Which Imagely Plugin?
NextGEN Pro
What version number?
nextgen 2.1.50 & nextgen pro 2.3.53
What version of WordPress are you running?
4.6.1 running Enfold-Child theme
Have you tried deactivating all plugins to test for plugin conflict?
Yes – no change.
Have you tested for a theme conflict?
Yes – no change.
What browser do you see this error in?
• Chrome
Do you still see this error after clearing browser cache?
Yes
What happens when you disable ALL browser extensions/plugins?
No change.
Hosting Provider
HostGator
How can we help?
The NextGEN Pro Film strip appears great on the website, it is only on mobile that I get the error message:
“Fatal Error: Could not extract a stage height from the CSS. Traced height: 0px.
Website

Notice
• My question is not about advanced customization.