Home › Forums › Free Themes › Photo Perfect › Elements on Post – The Sequel

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 2, 2016 at 8:20 am #4632
    KD
    Participant

    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 #4667
    wensolutions
    Keymaster

    Hello @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 #4668
    KD
    Participant

    http://dorenescakes.com/ The blog page.

    Thanks

    April 2, 2016 at 11:13 pm #4670
    wensolutions
    Keymaster

    Hello @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 #4677
    KD
    Participant

    Worked 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 #4684
    wensolutions
    Keymaster

    Nice 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-perfect

    Thanks.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.