image or content on mobile menu?: Page 2

image or content on mobile menu?

fidi2610

Hi.

I really don't want to rush things out...
But initially I was given the impression that, what I asked was quite simple! (the solution first given to me was claimed to work on your side!)... I am fairly satisfied with your service so far (my subscription is due to renew in some days and I will be happy to renew).

But do we have a time estimate about an answer given to my question? The initial question was posted 10 days ago!

fidi2610

Seriously?

No answer from no one? My last post was two days ago just to see about the progress of my question!

Should I raise a premium ticket support?

I wait for your reply.
Thank you in advance.

saguaros

fidi2610
Hi,

It seems that teitbite missed this thread, let me check and will get back to you.

fidi2610

ok @saguaros....

(Please pay some attention to this matter, because the last time you told me you "will get back" to me, was 5 days ago!)

I understand your efforts and amount of posts you have to pay attention to. I just want to be updated about progress and not feel abandoned!
Thank you in advance

teitbite

fidi2610 Hi. So sorry, it was my fault. I've unsubscribed from this thread by accident and was not aware that there were an answer to it. Sitting to move it further. Please expect my answer in couple of minutes.

teitbite

fidi2610 Hi. Ok I see where the problem in my idea is. Please remove this line I've told You about before and instead add this code:

<?php if($this->API->modules('top_nav')) : ?>
    <div class="gkAsideModule"><jdoc:include type="modules" name="below_menu" style="none" /></div>
		<script type=“text/javascript">(function($) {$(document).ready(function() {
      $('.gkAsideMenu').after('.gkAsideModule');
    });})(jQuery)</script>
<?php endif; ?>

copy all of it right before closing </body> tag in the same default.php file. There may be one issue with that, so please make sure to inform me after You will add this code so I'll be able to check it.

fidi2610

Hi @teitbite....

I am glad I got a reponse... I just did what you told me but I still dont see the custom module I am trying to show there (module with id 158 - it's practically the clock showing up in the top right corner of the website)...

What am I doing wrong?

fidi2610

I just realized that the module is showing up at the end of the page but NOT on the mobile background-transparent menu!

So it's still not working!
Waiting for further instructions...

teitbite

fidi2610 Hi. It's hard to tell why since I cannot see Your site still. Can You Inspect Your site (option on Right Mouse Button click) and check the Console tab? Can You see there any errors? Maybe I've done some typo.

Anyway try with this simplified script despite of the above tip:

<?php if($this->API->modules('top_nav')) : ?>
    <div class="gkAsideModule"><jdoc:include type="modules" name="below_menu" style="none" /></div>
		<script>(function($) {$(document).ready(function() {
      $('.gkAsideMenu').after('.gkAsideModule');
    });})(jQuery)</script>
<?php endif; ?>

fidi2610

I usesed the simplified script but I donn't see any difference... At the console I see no errors....

The custom module still shows at the end of the page (not at the black-transparent mobile menu!)

(why can't you login with the credentials I gave you? there is no geofence whatsoever!!!)

teitbite

fidi2610 Hi. The problem of blocking Your site was from my side. My blocks firewall was set like that, so I had to look at it from outside of my home/office and was finally able to figure that out.

Here is a code added to /layout/default.php

	<?php if($this->API->modules('below_menu')) : ?>
	<div class="gkAsideModule"><jdoc:include type="modules" name="below_menu" style="none" /></div>
	<script>(function($) {$(document).ready(function() {
		var isGkAsideModule = 0;
		function checkForChanges() {
			if( $('#gk-menu-overlay-wrap').size() > 0 && isGkAsideModule != 1 ) {
				$('#gk-menu-overlay-wrap').append( $('.gkAsideModule') );
				isGkAsideModule = 1;
			} else {
				setTimeout(checkForChanges,1);
			}
		}

		$(checkForChanges);
	});})(jQuery)</script>
	<?php endif; ?>

fidi2610

Hi teitbite

Yes... I think that did the trick... I will do my tests and let you know! My only conern now is that it's going to vanish with the next update so I will have to keep an eye for it (or maybe you should permanently add the changes in the /layout/default.php for the next update !!!)

Thanks for everything

teitbite

fidi2610 Hi. I'm afraid it cannot be added permanently as it's prepared for Your site only. You can move it to some module override and than publish this module in for example "debug" module position. This way it will not be overwritten during update.

fidi2610

Hi again...

I see that the content on below_menu is also visible at the bottom of the page but I wish to only show it on the black-transparent mobile menu.

I used a custom class "hide-image-desktop" for the module class suffix, so at least it doesn't show up on desktop resolution. Though, in mobile widths it still shows up on the bottom of the page...

Is there a way to have the content at the position below_menu only visible at the black-transparent mobile menu?!?!

teitbite

fidi2610 hi. yes of course. Sorry forgot append() will only copy. Use same script with this one small line added:

	<?php if($this->API->modules('below_menu')) : ?>
	<div class="gkAsideModule"><jdoc:include type="modules" name="below_menu" style="none" /></div>
	<script>(function($) {$(document).ready(function() {
		var isGkAsideModule = 0;
		function checkForChanges() {
			if( $('#gk-menu-overlay-wrap').size() > 0 && isGkAsideModule != 1 ) {
			  $('.gkAsideModule').addClass('removeAfter');
				$('#gk-menu-overlay-wrap').append( $('.gkAsideModule') );
				$('.gkAsideModule.removeAfter').remove();
				isGkAsideModule = 1;
			} else {
				setTimeout(checkForChanges,1);
			}
		}

		$(checkForChanges);
	});})(jQuery)</script>
	<?php endif; ?>

fidi2610

I added the updated script but now it still shows the content of "below_menu" custom module at the bottom of the page without showing at the black-transparent menu !!!!!!!!!!!

I doubled checked (I just added the updated code at /layouts/default.php) ...

what is wrong?

fidi2610

Sorry for being repetitive!

So?! Have you see this @teitbite ?!?!

teitbite

fidi2610 Yes, I've just seen it, but same problem again with an access to Your site. I need to switch location to work on that, will get back to You in 4h when I will be able to work on that. Sorry for the inconvinience.

fidi2610

Hi again @teitbite
No problem at all, I am happy I got a reply. (I don't expect a lightning fast reply to the problem.... I totally understand your priorities... .Just please (please) don't forget me!)

Thank you in advance!

teitbite

fidi2610 Hi. Finally had some time to figure that out. It was working, but was moving the style to hide it in mobile menu. So I've added the style to show it after copying:

	<?php if($this->API->modules('below_menu')) : ?>
	<div class="gkAsideModule"><jdoc:include type="modules" name="below_menu" style="none" /></div>
	<script>(function($) {$(document).ready(function() {
		var isGkAsideModule = 0;
		function checkForChanges() {
			if( $('#gk-menu-overlay-wrap').size() > 0 && isGkAsideModule != 1 ) {
				$('#gk-menu-overlay-wrap').append( $('.gkAsideModule') );
				$('body > .gkAsideModule').remove();
				$('.gkAsideModule').removeClass('hide-image-desktop');
				isGkAsideModule = 1;
			} else {
				setTimeout(checkForChanges,1);
			}
		}

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

« Previous Page Next Page »