Shop Categories

X

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 43 total)
  • Author
    Posts
  • in reply to: Mobile dropdown not visible with sticky menu! #26009
    Mark Roberts
    Participant

    Thanks Zex,

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

    Thanks again and kind regards,
    Mark

    in reply to: Mobile dropdown not visible with sticky menu! #26007
    Mark Roberts
    Participant

    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

    in reply to: Mobile dropdown not visible with sticky menu! #25999
    Mark Roberts
    Participant

    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;
    }
    }
    in reply to: Mobile dropdown not visible with sticky menu! #25992
    Mark Roberts
    Participant

    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

    in reply to: Mobile dropdown not visible with sticky menu! #25952
    Mark Roberts
    Participant

    Thanks Zex.

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

    Kind regards,
    Mark

    in reply to: Mobile header logo not visible on mobile #19405
    Mark Roberts
    Participant

    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;
    	}
    }
    
    in reply to: Mobile header logo not visible on mobile #19385
    Mark Roberts
    Participant

    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;}
    }

    in reply to: Change colour of "+" icon in dropdown menu on mobile #16371
    Mark Roberts
    Participant

    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

    in reply to: Yoast compatibility issues #12507
    Mark Roberts
    Participant

    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

    in reply to: Nav menu links don't link to top of page in mobile #12417
    Mark Roberts
    Participant

    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

    in reply to: Nav menu links don't link to top of page in mobile #12409
    Mark Roberts
    Participant

    Hi Zex,

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

    Kind regards,
    Mark

    in reply to: Nav menu links don't link to top of page in mobile #12406
    Mark Roberts
    Participant
    This reply has been marked as private.
    in reply to: Nav menu links don't link to top of page in mobile #12404
    Mark Roberts
    Participant

    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

    in reply to: Nav menu links don't link to top of page in mobile #12400
    Mark Roberts
    Participant

    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

    in reply to: Nav menu links don't link to top of page in mobile #12399
    Mark Roberts
    Participant

    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

Viewing 15 posts - 1 through 15 (of 43 total)