Premium Theme Support › Anariel Design › Healthy Living

mobile view on front page

  • Author
    Posts
  • #113194
    jessicairelandlove
    Member

    Hi there,

    the home page of my site when viewed on my mobile the writing in the smaller paragraph shows up weird like there is a white box around the writing and the lines are too close together and you cant see it.

    Help please?

    The blog I need help with is: (visible only to logged in users)

    #113319
    dcoleonline
    Staff

    Hi Jessica,

    Try adding this CSS to your site:

    @media screen and (min-width: 280px) {
    .frontpage .hero .entry-content p {
        line-height: 2.5;
    }
}

    It should fix the mobile view.

    Also, you have some HTML that may have been carried over if you copy/pasted into the browser for that part of the site.

    If you go into the HTML tab of the editor, you’ll see that it begins with this:
    <div class="entry-content">

    Even if you need the div I’d recommend that you use a different class name, as it is causing part of the top line of your text to be cut off on mobile. That class name is used by the theme in other areas, so I’d avoid using it unless you’re specifically trying to change something about it in the CSS.

    #113320
    jessicairelandlove
    Member
    Original poster

    Thank you so much again!!

    I changed the class to just “content” because when I took the whole thing out it made my sidebar go down the page halfway.
    The only issue now is that on mobile view the text aligns to the left and not to the centre, is there a way to fix this??

    Thank you soo much for your help

    #113329
    anarieldesign
    Theme Author

    Hi Jessica,

    I noticed you changed the width of the sidebar and added the width in px. This is why the sidebar on the mobile is still the same size, on the left. You’ll need to adapt it also for the mobiles ( to make it responsive) like this:

    @media screen and (min-width: 280px) {
    .sidebar-widget-area {
        width: 100%;
    }
}

    Hope this helps.

    All the best,
    Ana

    #113352
    dcoleonline
    Staff

    Hi Jessica,

    Here’s come CSS for the centering of the text:

    .home .post-2 .entry-content,
.home .post-2 .content {
    text-align: center;
}
    #113520
    anarieldesign
    Theme Author

    Hi Jessica,

    please let me know if you’ll need anything more in the future, till than I’ll close this ticket and you can open a new one if you have more questions about the theme.

    All the best,
    Ana

  • The topic ‘mobile view on front page’ is closed to new replies.