Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #270039

    Hello
    Both on iPhone and iPad, the arrow with a white background is not fully visible, ie:
    iPad:
    iPad

    iPhone:
    iPhone

    I can’t give you th url in public.

    Thanks

    #270059

    cann you post the URL as private reply?
    Only the support members would be able to see it then.

    #270061
    This reply has been marked as private.
    #270066

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) { 
    #top .scroll-down-link { height: 120px; }}
    @media only screen and (max-width: 768px) { 
    #top .scroll-down-link { height: 90px; }}

    Regards,
    Yigit

    #270071

    Hello Yigit
    I do no use quick css, I prefer to use my own child style sheet, here my breakpoints:
    So can you tell me where put your CSS inside MY rules?
    (Please not that those meqia queries come from Enfold.)

    
    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {}
    
    /* Mobile Styles */
    @media only screen and (max-width: 767px) {}
    
    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 989px) {}
    #270074

    Hi!

    It should be as following

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) { 
    #top .scroll-down-link { height: 120px; }
    }
    
    /* Mobile Styles */
    @media only screen and (max-width: 767px) {
    #top .scroll-down-link { height: 90px; }
    }
    

    Cheers!
    Yigit

    #270083

    :-(
    Look nwo at my Url:
    ipad: no changes
    iphone: it’s horrible

    I do not understant why I should correct this with lines of CSS, it’s an Enfold builtin feature, isn’t it ?

    #270084

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Cheers!
    Yigit

    #270116
    This reply has been marked as private.
    #270300

    Hey!

    Please add following code below /* Mobile Styles */ in Style.css file of your child theme

     .html_header_transparency #top #wrap_all #main { margin-top: -80px; }

    Cheers!
    Yigit

    #270403

    Hello
    Yes it works now on iPhone but not on iPad.
    This issue is not particular to my site, it”s an Enfold issue, please look at your demo page: http://kriesi.at/themes/enfold/homepage/transparent-header/ with a mobile…
    Please also note that the menu in this demo page is not transparent on mobile…
    A fix should be included with next release, don’t you think ?
    Thanks

    #270415

    Please, also note that the back to top goes at a wrong postion when in this configuration…
    because of that: margin-top: -80px;

    • This reply was modified 10 years, 7 months ago by pako69.
    #270436

    me again :)
    As I wanted to have a transparent header for the whole site, I made some CSS adjustements wich nearly solve my primary issue.

    @media only screen and (min-width: 768px) {
    	.responsive #top #header {position: absolute !important;}
    }
    @media only screen and (max-width: 767px) {
    	.responsive #top #header {position: absolute !important;}
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	.responsive #top #header {position: absolute !important;}
    }

    If you look my site now you will that this anchor is visible on mobile.
    On iPad/Landscape this anchor is nearly entirely visible…

    #273279

    Hi!

    The header, by design, doesn’t have the same effects on mobile as it does for other devices. That will not be changed with a theme update but is always customizable.

    Cheers!
    Devin

    #273285

    Hi Devin
    But did you look at your own demo page with an Ipad/landscape ?
    > http://kriesi.at/themes/enfold/homepage/transparent-header/
    The anchor is not completly visible…
    I think there is a true issue with transparent header + a fullscreen slideshow
    thanks

    #273328

    I don’t actually get any error on the demo or my dev install using my ipad or any emulator in either landscape or portrait.

    #273333

    ok so here a screenshot from my iPad 2 :
    demo enfold
    Do you entirely see the white demi-circle at the bottom ?

    #273429

    Yep, I see it exactly as it appears on desktop. What version of iOS and what is the browser app version you are using?

    I think Kriesi is the only one of us with an iPad 2 so it might also be a hardware specific issue but that is much less likely.

    #273746

    Hello Devin
    I’m using an ipad 2 with IOS 7.1.1 and the browser app is the native IOS Safari…

    #275833

    I’m hoping Kriesi will be able to check on his end otherwise we aren’t able to even see if there is any issue on our end. Un-updated apps, a specific version of an app etc are the only other variables at play. As I mentioned before even using apples own emulator for the iPad 2 I’m not getting the error on my end which is why I’m not even sure what to suggest as a fix.

    #285806

    Hello
    You can close this post…
    thanks

Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘fullscreen slider the anchor #next-section is not fully visible’ is closed to new replies.