Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1487910

    Hello
    I am building a site with a main page with anchor links in color sections and an “about the podcast” page.
    The anchor #berlin links to the section with the header Lost Space, Spree Park, which lands a little high on the PC links from both pages (my client likes the look so it’s OK for now) but it lands wrong and way too low on my mobile from the “about” page menu.
    I am using the full url in my custom menu links.
    On PC: https://i.imgur.com/PVrsfBF.jpeg
    On mobile emulator: https://i.imgur.com/0xZGGgb.png
    On my mobile: https://i.imgur.com/QUtqsbL.jpeg
    I am using the sticky header, which isn’t implemented on mobile by default, and I know that might cause it to land high, but don’t understand why it’s landing too low from the about page on mobile.
    I use the same kind of menu on another site (see below) that looks fine on mobile from the links from the “værd at vide” page.
    Can you take a look at this?
    thanks
    Nancy

    #1488021

    Hey Munford,

    I can’t see that happening on my end using Chrome on Android. I’m seeing the same result as the screenshot in private. How can we reproduce the results that you are seeing on your end?

    Best regards,
    Rikard

    #1488049

    I see it’s sporadic – sometimes it lands too low on mobile from the about page on both firefox and safari…I see other threads about it but not sure what the solution was.
    Can you tell me how to have it on PC so the links land at the top of the color section instead of above it like it is now?
    I think my sticky header (height is 80px) is interfering with the position.

    Also – Is it possible to have a transparent header on mobile like I have on PC?

    thanks for your help.
    Nancy

    #1488106

    Hi,

    Thanks for that, but I can’t see any problems using Firefox either. I can’t test using Safari since I don’t have an iphone unfortunately.

    Please follow this for transparent header on mobile: https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

    Best regards,
    Rikard

    #1488119

    ok
    Can you tell me how to have it on PC so the links land right at the top of the color section instead of above it like it is now?
    I think my sticky header (height is 80px) is interfering with the position.
    I changed the name of the links – see below
    I tried using this from your link to have a transparent mobile header, but it’s not working:

    /* Transparent Header For Mobile */
    @media only screen and (max-width: 990px) {
    .responsive.html_mobile_menu_tablet #top #wrap_all #header { 
            position: absolute!important;
    }
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
    	background: transparent!important;
    }
    }

    Can you see what’s wrong there?
    thanks
    Nancy

    • This reply was modified 11 hours, 51 minutes ago by Munford.
    • This reply was modified 11 hours, 39 minutes ago by Munford.
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.