queue  1316
support custom
Results 1 to 8 of 8

Thread: Video header in mobile

  1. #1
    Junior Member
    Join Date
    Apr 2014
    Posts
    25

    Video header in mobile

    Hi there,

    I have a problem with my video header showing in mobile. I wan't it to show the play button in header (mobile) and tried to add JS code as in this forum ticket ( http://support.pixelentity.com/threa...ighlight=video ) and this ticket ( http://support.pixelentity.com/threa...ll=1#post37105 ) . But still it isn't working... And I wan't to add text to header in mobile only (so hide it from PC but shown in mobile)

    Can u take a look into this?

    And another question: the logo inside header is positioned in the left top of header in 13 inch screen.
    How can I make the logo show in left top in bigger screens and in mobile?
    How can I hide the hamburger menu in mobile?
    And what is the custom css to reduce the space between email button and title (see website > last sections of page)

    ** Hidden Content: You don't have sufficient privileges to see this hidden data **


    THANKS IN ADVANCE,

    Floris
    Last edited by flo; 04-25-2014 at 11:09.

  2. #2
    Senior Member
    Join Date
    Feb 2014
    Posts
    934
    Hi Floris

    It's difficult to see what could be the problem with the mobile video code as it appears you've removed both this code and the video on the homepage. Were you seeing an error of some sort? We'll really need to see it in action to investigate properly.

    The logo is already displayed in the top left of the site. If you're seeing different could you please let us know on which device, and possibly provide a screenshot.

    To hide the menu on mobiles, try adding this to the Custom CSS field in theme options:

    Code:
    .toggle {
      display: none !important;
    }
    And this one will reduce the space above that email button:

    Code:
    .page-author-content .button {
      margin-top: 0;
    }

  3. #3
    Junior Member
    Join Date
    Apr 2014
    Posts
    25
    Hi there,

    I haven't removed the mobile video code. And if it's removed which code do I have to add where? The video is showing properly on PC but nothin shown in mobile. Maybe u can take a look into it?

    I've attached screenshots how the logo in header looks at big screen and on iphone 5s...


    http://s92.photobucket.com/user/flov...tml?sort=3&o=1
    http://s92.photobucket.com/user/flov...tml?sort=3&o=0
    Last edited by flo; 04-25-2014 at 12:42.

  4. #4
    Senior Member
    Join Date
    Feb 2014
    Posts
    934
    Hi, apologies my Chrome was displaying things a bit weirdly (problem with my browser, not your site), I see the video now. The Custom JS field was blank which is why I thought you'd added and removed the code, did you add it somewhere else?

    Since you're using the autoplay feature the code required will be different anyway. I'll take a look into that and post back here when I have an updated solution. The JS code posted in those threads you linked causes the large play button to link to the external site, and with autoplay turned on that large play button is never displayed which is why it won't work for your purposes.

  5. #5
    Junior Member
    Join Date
    Apr 2014
    Posts
    25
    Already find a solution for this? Have a deadline to make... So can u pls answer me asap?!

    THANKS

  6. #6
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    13,017
    Hi there,

    try disabling the autoplay as mentioned, and following the threads you linked.

    If you're unable to make it, I would suggest hiring a freelancer, since such modifications are out of the scope of our support.

  7. #7
    Junior Member
    Join Date
    Apr 2014
    Posts
    25
    I understand that it's hard to manage this when auto play is on. But is it possible to make the header on PC plays with auto-play, and on mobile and/or tablet play with the play button?

    And I've used some custom css to make the logo in video header appear in the left top... But when I add the play button to header this is also moved to top of header. Can I move the play button separately from logo in header?

  8. #8
    Senior Member
    Join Date
    Feb 2014
    Posts
    934
    Moving the logo and text/play button independently would be difficult but there is an alternative. Remove the logo from the settings field in your homepage, and instead add it manually into headlines.php. That way you have total control and you're not fighting against the existing CSS.

    So in headlines.php in your child theme you can add something like this at the very start of the file:

    HTML Code:
    <img class="headline-logo" src="http://dopamine.it/wp-content/uploads/2014/01/logo-dopamine.tv_.png" alt="YOUR ALT TEXT">
    And then in Custom CSS all you need is this:

    Code:
    .headline-logo {
      float: left;
      margin: 20px 0 0 20px;
    }