Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 30, 2017 at 3:53 pm #785275
    tremblayly

    Hi

    I’m launching tomorrow!

    The sliders position on iPad devices is positioned too high so the top of the images and captions can’t be seen. I could be something I changed in my custom CSS file yesterday in my child theme (perhaps where I reduce my logo size).

    URL: http://crescendo.staging.wpengine.com/ (hosted on WPengine)

    Could you help me figure out where I maybe causing this?

    Thanks
    Lyse

    April 30, 2017 at 4:42 pm #785292
    Sarah

    Hey tremblayly,

    It looks like the one that’s causing it is the padding-top line here:

    @media only screen and (max-width:989px) {
      .html_header_top.html_bottom_nav_header .main_menu>div {
	   height:5px !important;
      }
      .html_header_top.html_header_sticky #top #wrap_all #main {
         padding-top: 10px !important;
      }	
}

    What we can do it restrict it to screens that are at most 767px (for mobile phones). Please try using this code instead:

    @media only screen and (max-width:767px) {
      .html_header_top.html_bottom_nav_header .main_menu>div {
	   height:5px !important;
      }
      .html_header_top.html_header_sticky #top #wrap_all #main {
         padding-top: 10px !important;
      }	
}

    Best regards,
    Sarah

    April 30, 2017 at 6:31 pm #785352
    tremblayly

    Hi Sarah

    Perfect!

    Thank you so much for responding so quickly.

    Lyse

    April 30, 2017 at 9:04 pm #785407
    Basilis

    Hi!

    Happy we can help
    Please feel free to create a new ticket if you need anything else from us.

    Thank you

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Slider position on iPad too high’ is closed to new replies.