Hey,
One of my favorite improvements with the latest update is the “Style 3” addition with the large top photo with an inline title.
However, I’ve just disovered that the layout leaves a huge gap, and does not show the title on mobile devices.
Screen: http://i.imgur.com/YAbD1zd.jpg
Web post for comparison: http://www.vitamail.no/featured/d-vitaminmangel-dobler-risikoen-for-demens/
I’ve tried removing all my custom CSS, in case any of it messed it up, but it does not seem to make a difference. Can you help me ut here?
Hi,
That space is the title of the post, as you can see the post title is white and when displayed on mobile the post title slides under the image and because it’s white it gives the impression that a large gap is there http://screencast.com/t/4MMjlso9wG
You can fix this by changing the post title color, use this custom css for this:
@media (max-width: 767px){
.single_template_3 .td-post-header-full header .entry-title {
font-size: 28px;
line-height: 32px;
margin: 0px 0px 14px 0px;
color: inherit;
}
}Thanks
Thank you.. I’ve also noticed that on iPad, pictures become really small if you add them with vidth values in a text block (we need to do this on our product pages in order to get the pages to look the way we want).
See example:
http://www.vitamail.no/polarkrill/ (Just drag to window to see what I mean).
Any solutions for this responsive issue?
That CSS didn’t seem to solve the problem btw. Still a white gap, title not showing up despite changing color.
Hello,
For this page http://www.vitamail.no/polarkrill/ i see that you hide the page title via css with display: none, is not necessary, use the Homepage - blank template for that page to be without title.
Also to add an image you can try with this Single image widget from Visual composer http://screencast.com/t/eq5xj9ta4d
On the post that gap is because you have there the post title(white) witch is broken due some custom CSS, please remove the custom CSS, default everything should work.
If you can’t manage all the stuff you can give us access to your WP and we will take a look.
Thanks for the message!
I’m gonna revive this post. Thank you for your help. I’ll keep testing. I’ll remove the CSS and see if this works.
On our pages the title is supposed to be hidden. It’s in the posts that the title not showing up is an issue.
Regarding the image issue: For some reason our main fill width images seems to pop into some sort of frame where it’s really small on our pages in the standing iPad format (and only that format. I’ve tried removing all custom CSS to test, and the issue is still there. Do you now why this is?
Screen: http://i.imgur.com/c3SR6Hu.jpg
My appologies. That header image issue was solved using Single Image like you advised. Also removed th broken css. Things seem to be working fine now! Thanks!
Glad to read this, thank for letting us know!
Have a nice day!
