Home › Forums › Free Themes › Photo Perfect › Elements on Post – The Sequel
- This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by wensolutions.
-
AuthorPosts
-
April 2, 2016 at 8:20 am #4632KDParticipant
I have a situation and will use the text from the post “Elements on posts” by Sam Yelloo:
there seems to be an issue when viewing posts on a mobile that beneath each post (photo) there is a black square (element) showing the category together with the link.
In fact black square (element) showing the category together with the link when viewing post on a mobile beneath each post is not an issue this is feature of the theme. The theme is designed in such way in mobile view.
In desktop there is hover effect so that box appears within the photo when there is mouse hover over that image.But in mobile view there is no hover effect so that box is kept beneath the photo.My problem is when I turn my iPad vertical the boxes appear as they should, but when I rotate my iPad to the horizontal position the boxes disappear which makes it almost impossible to click the link to the blog post as the default action seems to be to show full size image.
Need to know how to get black square ( element ) to show below the images in horizontal orientation.
Thanks for the help on the favicon issue in a previous post.
KD
April 2, 2016 at 8:46 pm #4667wensolutionsKeymasterHello @KD,
If possible, please share us your site URL so that we could first look into your browser source to diagnose the issue.
Best Regards!!!
April 2, 2016 at 8:58 pm #4668KDParticipanthttp://dorenescakes.com/ The blog page.
Thanks
April 2, 2016 at 11:13 pm #4670wensolutionsKeymasterHello @KD,
Thanks for you site URL.
To fix this issue in landscape mode in iPad you need to add custom CSS.
For this you need to go to Admin Panel / Appearance / Customize / Theme Options / Advanced Options.
In this section you will see a box to write Custom CSS. In this box copy and paste below CSS.@media only screen and (max-device-width : 1024px) { .post-content { background-color: #1f1f29; padding: 15px; position: inherit; top: inherit; visibility: visible; margin-top: 2px; margin-bottom: 5px; } }
Hope this will help to resolve you issue.
Let me know how it goes.Regards!!!
April 3, 2016 at 6:19 am #4677KDParticipantWorked like a charm! I sincerely thank you for your help and for the quickness of your reply.
KD
April 3, 2016 at 9:44 am #4684wensolutionsKeymasterNice to know that the problem has been solved. If there are any further query, then, please feel free to post them.
We will really appreciate if you could help us too by rating our theme in WordPress repo here:-
https://wordpress.org/support/view/theme-reviews/photo-perfectThanks.
-
AuthorPosts
- You must be logged in to reply to this topic.