hero image

design bugs when viewing posts on mobile phone

Home Forums WordPress Themes Blogojoy design bugs when viewing posts on mobile phone

Forums WordPress Themes Blogojoy design bugs when viewing posts on mobile phone

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  mihai 2 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts

  • sandak
    Member
    TT Client
    #75970

    Hi, thanks for answering my previous questions and helping me solve all the problems I’ve had. So, I’ve recently installed the blogojoy template for WP and noticed few problems on the mobile version:
    1. the ‘next post’ button is located on the right, outside of the view area, when scrolling down there’s also a scroll to the side because of that button, causing the scrolling experience not fluid. Is there a way to cancel that button on mobile?
    2. the ‘you may also like’ cards at the bottom of the post have an aligned to centre headline, aligned to left description and the ‘read more’ button is broken into two lines with align to centre. is there a way to make them all aligned left and the read more button in one line?
    3. the ‘leave a reply’ area is a mess- name, e-mail, website and comment fields are placed too close one on top of the other and the comment is located more to the left than others. is there a way to make a proper space between them and make it all aligned?


    mihai
    Member
    Member
    #76023

    Hi Sanda,

    Thank you very much for your feedback on the theme issues.
    I think that there will be an update soon that will fix all of them but meanwhile please use these fixes:

    1. Please use the following media query (Custom CSS) in order to hide the next/prev post navigation buttons on mobile:

      @media (max-width: 1410px) {
      .content .post-selection {
      display: none;
      }
      }

    2. The Custom CSS rules from below should help you solve the negative margins problem and to left align the “read more” button:

      .content .similar-items .box .read-more {
      margin: 0 10px 0px !important;
      float: left !important;
      }

    Please let me know in case that it the “read more” button will still go from a new line.

    1. In order to solve the issue please replace the comments.php theme file with the file from the attachment

    Best Regards


    mihai
    Member
    Member
    #76089

    Thanks for your message.
    So the remaining thing from the second point is left aligning the post’s heading:
    You can try to do this using:

    .content .similar-items .box h2 {
        text-align: left;
    }
    

    mihai
    Member
    Member
    #76155

    Hi Sanda,

    Sorry for the delay.

    1. Please edit the header.php file, and remove the from the 5’th line

    2. In case that you will remove the function specified in the point 1, the Blog’s name that is connected with the post’s title will disappear. Is this okay for you?

    Best Regards

Viewing 4 posts - 1 through 4 (of 4 total)

design bugs when viewing posts on mobile phone

Home Forums WordPress Themes Blogojoy design bugs when viewing posts on mobile phone

[i]
[i]
[i]
[i]