Blog title not appearing properly on mobile device

Discussion in 'RoadFighter WordPress Theme' started by mouseclubhouse, Sep 27, 2015.

  1. mouseclubhouse

    mouseclubhouse Member

    Joined:
    Jun 17, 2015
    Messages:
    31
    Likes Received:
    0
    Hi, you helped me add a title to my blog and it looks great but it is not working correctly on mobile devices.

    Please look at my blog on a laptop or desktop at www.shaniwolf.com/blog. I love where the title reads "Mouse Clubhouse: Shani & Scott Wolf's blog"

    Then look at the blog on a mobile device - I am viewing it on an iPhone. All it reads is "Scott Wolf's Blog." Then if I turn my phone sideways, the title completely disappears.

    Just as a reminder, to achieve the title you had me add the following in the CSS:
    .custom-blog-page-title {
    margin-top: -35px;
    padding-bottom: 35px;
    text-align: center;

    }

    and then in the blog.php file you had me add:
    <div class="custom-blog-page-title">
    <h1>Shani & Scott’s Blog</h1>
    </div>
    </div>

    <div class="clear"></div>
     
  2. nitin

    nitin Guest

    Hi,

    Greetings from InkThemes,

    It would be our pleasure to serve you.

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 960px) and (min-width: 0px){
    .custom-blog-page-title {
        margin-top: 0px !important;
        padding-bottom: 0px !important;
     }
     }
    
    Hope it will resolve your issue

    Thanks & Regards!
    Nitin
    InkThemes.com
     

Share This Page