Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • May 26, 2014 at 12:25 pm #270039
    pako69

    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

    May 26, 2014 at 12:59 pm #270059
    Flikk

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

    May 26, 2014 at 1:03 pm #270061
    pako69
    This reply has been marked as private.
    May 26, 2014 at 1:08 pm #270066
    Yigit

    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

    May 26, 2014 at 1:12 pm #270071
    pako69

    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) {}
    May 26, 2014 at 1:16 pm #270074
    Yigit

    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

    May 26, 2014 at 1:26 pm #270083
    pako69

    :-(
    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 ?

    May 26, 2014 at 1:29 pm #270084
    Yigit

    Hey!

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

    Cheers!
    Yigit

    May 26, 2014 at 2:57 pm #270116
    pako69
    This reply has been marked as private.
    May 26, 2014 at 11:37 pm #270300
    Yigit

    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

    May 27, 2014 at 6:33 am #270403
    pako69

    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

    May 27, 2014 at 8:17 am #270415
    pako69

    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, 6 months ago by pako69.
    May 27, 2014 at 10:59 am #270436
    pako69

    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…

    June 2, 2014 at 3:20 pm #273279
    Devin

    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

    June 2, 2014 at 3:29 pm #273285
    pako69

    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

    June 2, 2014 at 4:35 pm #273328
    Devin

    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.

    June 2, 2014 at 4:46 pm #273333
    pako69

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

    June 2, 2014 at 6:48 pm #273429
    Devin

    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.

    June 3, 2014 at 7:17 am #273746
    pako69

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

    June 6, 2014 at 9:34 pm #275833
    Devin

    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.

    July 1, 2014 at 5:24 pm #285806
    pako69

    Hello
    You can close this post…
    thanks

  • Author
    Posts
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.