Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 9, 2014 at 7:16 pm #249364
    GOWD

    Hi,

    4 issues,

    1. On my website http://www.terenure5mile.com I have header display issues on my Samsung Galaxy 3 Android Smartphone.

    I have taken two screen shots and have displayed them on this page for you

    http://terenure5mile.com/android-issue/

    Can you let me know how to resolve.

    2. Also how can I control the screen width that controls when the menu goes from full display to a button on mobile devices?

    3. I see that images open in the Lightbox but Youtube video’s do not, how do I embed YouTube video’s and have them open in the Lightbox when clicked to play?

    4. On Chrome, Firefox, Safari no problems but on Internet Explorer the top image on my homepage http://www.terenure5mile.com is overlapping into the Sidebar on top of the widgets.
    How do I fix?

    Thanks, Denis

    April 10, 2014 at 4:53 am #249579
    Ismael

    Hi GOWD!

    Thank you for using the theme!

    1.) Please add this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo {
float: left;
-webkit-transform: translate(0,0);
}
}

    Can you please post a screenshot on where you want the social icons to go when viewing on mobile device?

    2.) You can control the mobile menu activation on Enfold > Header > Mobile Menu > Header Mobile Menu activation.

    3.) You can add an image element the set the link manually. Add the link of the youtube url. This should open the video on lightbox when you click the image.

    4.) On what version of IE are you testing this with? I checked with IE9 but I don’t see the issue.

    Cheers!
    Ismael

    April 10, 2014 at 8:49 pm #249925
    GOWD

    Hi Ismael,
    thank you for your reply.

    q.1 This has fixed the logo placement thanks.
    Regarding the social media icons I think logically the only design layout that works on a smartphone is to have the logo centred on the first row and then below a second row containing the menu button on the left followed by the social media icons to the right

    Top row – Logo (center)
    Second row – Menu button, facebook icon, twitter icon, etc.

    q.2 Thanks, is there any way to adjust at what pixel width the mobile menu is activated (990px and 768px)

    q.3 Thanks. I have done this with a photo of a runner in a green vest at bottom of page
    http://terenure5mile.com/terenure-5-mile-race-2014/
    and the video is opening in the lightbox perfectly.
    In Firefox, Safari and IE it always darkens the background but in Chrome it only darkens the background on opening the video maybe 60% of the attempts. I am on Chrome Version 33.0.1750.152. Anything I can do to fix?

    q. 4 I am on version IE10
    the top image is overlapping into the Sidebar on top of the widgets.

    The page in question now has Url http://terenure5mile.com/terenure-5-mile-race-2014/

    Thanks for all your help

    April 24, 2014 at 10:56 am #255409
    Dude

    Hey!

    1) No, the switch width is not adjustable. You can select 990 or 768px.

    2+3) Can you post a link to the page please – http://terenure5mile.com/terenure-5-mile-race-2014/ gives me a “Not found” error.

    Cheers!
    Peter

    April 24, 2014 at 12:22 pm #255429
    GOWD

    Hi Peter,

    http://terenure5mile.com/terenure-5-mile-race-2014/ was the correct Url two weeks ago but when I wasn’t getting a reply or solution I deleted it and created a new homepage http://terenure5mile.com instead

    I changed the homepage design to remove the image issue overlapping the sidebar.
    I changed the header layout in the backend to stop the social icons overlapping the logo on mobile by moving them above the header.
    The video’s now open in a Lightbox now that I am using an image instead of an iframe.

    Everything is resolved since except for the background not darkening on the lightbox opening in Chrome especially for the photo’s page
    http://terenure5mile.com/photos/
    In Firefox, Safari and IE it always darkens the background but in Chrome it only darkens the background on opening the video maybe 60% of the attempts and for photos maybe only 10% of the time. I am on Chrome Version 33.0.1750.152. Anything I can do to fix?

    Thanks

    April 28, 2014 at 8:08 am #256913
    Dude

    Hey!

    Please try to insert this code into the quick css field:

    
div.pp_overlay {
background: rgba(0, 0, 0, 0.8) !important;
}

    It should make sure that the background color of the overlay is always black with a opacity effect (80% opacity).

    Regards,
    Peter

    April 28, 2014 at 6:18 pm #257197
    GOWD

    Hi Peter, thanks for getting back to me, I applied the CSS you supplied but it did not fix the problem in Chrome.
    Half the time the background darkens, half the time it does not.
    http://terenure5mile.com/photos/

    April 30, 2014 at 7:42 am #258129
    Dude

    Hi!

    Ok, I’ll mark it for Kriesi. Another user reported this issue and it seems to be a bug since Enfold 2.6 or 2.7.

    Regards,
    Peter

    May 15, 2014 at 4:56 pm #265364
    Devin

    Hey!

    I believe this was fixed in the last bug fix release. Try updating your theme files and let us know via a new topic if you are still having any issues and link to the page where we can take a look again.

    Best regards,
    Devin

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Logo – Mobile – Lightbox – Internet Explorer’ is closed to new replies.