[Mark Roberts]

Thanks Zex,

That did the trick 🙂
Also used it for the Tablet logo and works perfectly.

Thanks again and kind regards,
Mark

[Mark Roberts]

Hi Tom and Zex,

No problem, glad I could help.

I still haven’t found how to stop the mobile logo from shrinking when scrolling.
The problem is, that the mobile menu doesn’t join-up with the sticky-header when scrolling.
Because the sticker header shrinks it leaves a gap between the sticker header and mobile menu dropdown.
– I can stop the sticky-header from shrinking, but not the mobile-logo.
– I can also move the mobile-menu position up, but it overlaps the mobile-logo when not shrinked.

Stopping the mobile logo shrinking on mobile and tablet would solve the problem instantly.

Regards,
Mark

[Mark Roberts]

Hi Tom,

Here below is the CSS I am using (contains a contains one more rbrace { )

@media screen and (max-width: 994px) {
div.sticky-header.sticky-header-shrink {
 position: fixed !important;

}
nav.mobile-menu {
 position: fixed!important;
 width: 100%;
 top: 80px!important;
 height: 220px!important;
 overflow: auto!important;
 z-index:9999;
}
}

[Mark Roberts]

Hi Zex,

I tried this already, but it only works for desktop.
The mobile logo under “Customising->Header->Logo” does not have the tools to set max and shrinked height, only max height.
As soon as you see the mobile version, the mobile logo always shrinks to a fixed small size when scrolling, It doesn’t matter what size the original mobile logo is.
If I set the mobile logo max height to the height of the shrinked mobile logo, it is way too small.

Kind regards,
Mark

[Mark Roberts]

Thanks Zex.

This helps!
Do you also know a way to stop the mobile logo from shrinking when scrolling.

Kind regards,
Mark

[Mark Roberts]

Hi again Zex,

I still need parts of the code you gave me and also had to add the following for mobile, tablets & Desktop.
In essence you have to code for the 3 different display sizes (Mobile, Tablet and Desktop).
and use “display: inline!important;” for each of them separately.
You then use your code for Mobile and Tablet only and use “display: none!important;” for both
logo-mobile and logo-tablet.
Don’t use this “display: none!important;” for desktop, otherwise you don’t have a visible logo on the larger
tablet (+ 992px) and desktop size for some reason.

Here below is the code that works for mobile, tablet and desktop.

Regards,
Mark

@media only screen and (max-width: 480px) {
   .header_v2 #agama-logo .logo-mobile{
			display: inline!important;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 992px) {
   .header_v2 #agama-logo .logo-tablet{
			display: inline!important;}
}

@media only screen and (min-width: 993px) {
   .header_v2 #agama-logo .logo-desktop{
			display: inline!important;}
}

@media only screen and (max-width: 480px) {
   .header_v2 #agama-logo .logo-desktop,
   .header_v2 #agama-logo .logo-tablet{
			display: none!important;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 992px) {
   .header_v2 #agama-logo .logo-desktop,
   .header_v2 #agama-logo .logo-mobile{
       display: none!important;
	}
}

[Mark Roberts]

Hi Zex,

Didn’t really work 100%.
The logo on mobile disappeared completely.
I then added the following to the code and now it works.

@media only screen and (max-width: 480px) {
.header_v2 #agama-logo .logo-mobile{
display: inline!important;}
}

[Mark Roberts]

Hi Zex,

This is perfect for me.
Maybe I wasn’t clear enough.
I meant the circle around the “+”.
I was referring to the icon as a whole.

Thanks for the solution.

Kind regards,
Mark

[Mark Roberts]

Hi Jerry,

Have you had a chance to look at the issue.
I’m using Yoast premium, but the info I get from Yoast isn’t always correct, because I think it also reads the coding for the boxes and counts this as text structure I think.
Yoast is saying things like certain keywords are not in the title or the first paragraf, whereas they are.
It also doesn’t recognise any photos in the media gallery or the header image.
This is misleading as I don’t have accurate info on the page SEO from Yoast.

If you have an update on the issue, please let me know.

kind regards,
Mark Roberts

[Mark Roberts]

Hi Zex,

Was out all day.

Thanks for checking anyway.
I have started using Agama Pro Header images instead and this works fine.
Hasn’t been a problem on android or windows phones,
so might be a combo of certain iphones and certain providers here in Belgium.

Kind regards,
Mark

[Mark Roberts]

Hi Zex,

Have you had the chance to look at my website back-end and the problems with LayerSlider WP!?

Kind regards,
Mark

[Mark Roberts]

This reply has been marked as private.

[Mark Roberts]

Hi Zex,

I’ll make a temporary admin account for you.
Do you have an email address I can use!?

extra info:
I have disabled the Layerslider WP slides on the pages at the moment and am using your agama header image as a working alternative.
This works fine as I have no Layerslider WP slides with more than one slide, only using a text layer that was not visible on mobile.

I am using the Layerslider WP on two other sites with slideshows, so I can not replace these with the Agama Header option and would like to find a solution or the error on my website.

Regards,
Mark

[Mark Roberts]

Hi again Jerry,

I think I found the problem.
I deleted the extra css, did not work.
I turned off all plug-ins and checked the site again.
of course it was a lot of code i got to see, but I was finally at the top of the page.

I then re-activated Vision core and WP Bakery, site on mobile still working fine.

Then I activated Layerslider WP and the problem reappeared again, you end up half way down the page.

I then went an activated all other plugins except Layerslider WP and the problem disappears.
Of course there is no slide (only a piece of code with a layerslider id), but you are at the top of the page.

I have tried disabling the slides on mobile, but the problem still persists, you are half way down the page but without a slide visible.

Is there a trick or fix to solve the problem, or should I ditch Layerslider WP.
Preferebly not, but if there is no other way, let me know.

Kind regards,
Mark

[Mark Roberts]

Hi Jerry,

I think you are right, the demo site works fine.

Maybe I should start by turning off some plug-ins that are interfering.
I will also check by systematically removing bits of extra CSS to see if there is a problem there.
I am using the Agama pro version for 3 different sites.
I also have other sites running on other WordPress themes, but these don’t have this problem.

If you have any other suggestions, please don’t hesitate to give me feedback.

As soon as I have found the probem, I’ll let you know the details.

Thanks and kind regards,
Mark

[Author]

Posts