Page Heading Not Displaying Title on iPad

[shawnaleighdesigns]

If you go to the site link using an iPad, the heading title is being cut off and I can’t figure out how to make it display normal. All I did CSS-wise was change the color and the font size. Can you assist? Thanks!

[Kyle – SUPPORT]

Hi

Showing fine for me: http://d.pr/i/188N6/51fXUcXh

– Kyle

[shawnaleighdesigns]

This reply has been marked as private.

[Kyle – SUPPORT]

Try this:

@media only screen and (max-width: 768px) { 
.page-heading.fancy-heading {
  padding-top:0;
  padding-bottom: 0;
}
}

– Kyle

[shawnaleighdesigns]

I think it worked! Thanks for your help!

[Mohammad – SUPPORT]

Hi,
Great thanks to Kyle.
Mohammad

[shawnaleighdesigns]

Hi again,

I hate to be a bother. For some reason it’s working on my iPad mini in portrait mode but when I turn it to landscape, it still shows the heading at the bottom of the page heading container. I tried to play around with it some more and can’t seem to get it to budge at all. Can you look into this one more time for me? Or even just give me some references so I can maybe figure it out/play with it some more? I hate asking for outside help but when I get to a point where it’s taking too long and I’m not getting anywhere, I need some sort of assistance.

Hope this isn’t a problem and thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 768px) { 
.page-heading.fancy-heading {
  padding-top:0 !important;
  padding-bottom: 0 !important;
}
}

Thanks
Mohammad

[shawnaleighdesigns]

Hello again,

I tried that code and it still didn’t work.

[Kyle – SUPPORT]

The css code I gave you:

@media only screen and (max-width: 768px) { 
.page-heading.fancy-heading {
  padding-top:0;
  padding-bottom: 0;
}
}

Change to :

@media only screen and (max-width: 1024px) { 
.page-heading.fancy-heading {
  padding-top:0;
  padding-bottom: 0;
}
}

– Kyle