Okay
  Public Ticket #364952
Parallax mouse banner on mobile cutting off
Closed

Comments

  •  1
    Michelle started the conversation
    February 3, 2015 at 2:06pm

    Hello, Thank you for your awesome support so far :)

    I am having issues with the top of the banner as it is being cut off on mobile devices. Any ideas? (I have made the the padding % but I am still having the issue of it cutting off at the top.

    Many thanks

    Michelle

  •  8,848
    Tahir replied
    February 4, 2015 at 4:18pm

    Hey - you've entered the value in pixels for the top padding, instead of that use a % value such as 15% :)

    Cheers

    ThemeNectar Support Team 

  •  1
    Michelle replied
    February 8, 2015 at 4:30am

    Hello, I posted this again on envato, and you were going to check it out. I have not heard from you as yet and would love to get a response:

    - -

    Thank you for your response Tahir.

    No, it was in % for both values - what I did have was another empty row inside that row that may have been showing you a pixel value? I have removed that row now but the padding for the mouse based parallax background is definitely both in %.

    The issue is still occurring... please see screenshot and link below:

    http://redandrobin.com.au/geco/?page_id=56


  •  1
    Michelle replied
    February 8, 2015 at 4:31am

    (I posted here again as I was now able to post, was getting an "internal server error" before but as you can see it posted fine now.)

  •  1,075
    ThemeNectar replied
    February 9, 2015 at 6:47pm

    Hey - try adding this into the custom css box located in your Salient Options panel: 

    @media only screen and (max-width: 690px) {

html body[data-bg-header="false"] .full-width-section.first-section, html body[data-bg-header="false"] .full-width-content.first-section {
    margin-top: -10px !important;
}
}
  •  1
    Michelle replied
    February 10, 2015 at 4:08am

    Thank you so much for your response and help!

    I have applied that style to the salient options panel and while it has improved slightly it unfortunately is leaving a white space and below. (The fix works in browser but not on any actual mobile devices tested :( )

    I have attached a screenshot where I gave it a temporary background colour to test what may have been happening. Please see screenshot.

    Thank you! :)

  •  1
    Michelle replied
    February 10, 2015 at 4:09am

    Just so you know I applied to the style to the LIVE site:

    www.gecogaming.com/about

  •  1,075
    ThemeNectar replied
    February 11, 2015 at 7:30pm

    Hey again! Please try this snippet instead 


    @media only screen and (max-width: 690px) {
body .wpb_row .nectar-parallax-scene div {
  top: 0!important;
}
}

    Cheers