Support » Themes and Templates » Post Title on Mobile View Cut Off(Canard)

  • Andres

    (@amgarza)


    Hi everyone,

    I’m using the Canard theme, and on the mobile view the titles for individual posts (non-featured) on the homepage are cutting off when they are too long. I’d like the titles to be displayed in their entirety, even if they have to be dropped down to a second line. I was thinking the margins for the titles should be in line with the margins for the text below them. How would I do this?

    I’m somewhat new to this, so for reference, this is the additional code I have on the site so far:

    .site-info{
    display:none;
    }
    /* Remove sidebar on Canard theme */
    #main {
    width: 100%;
    border: none;
    }
    #main .entry-header {
    width: 900px;
    }
    #secondary {
    display: none;
    }
    .page .content-wrapper {
    padding-left: 60px;
    }

    @media screen and (min-width: 960px) {
    .comments-area {
    margin-right: 0;
    }
    }

    @media screen and (min-width: 1380px) {
    .entry-footer {
    width: 100%;
    float: right;
    }
    .entry-content {
    width: 100% !important;
    }
    }
    .site-title {
    color: black;
    }
    html,
    body {
    overflow-x: hidden;
    }

    .entry-content p:first-child:first-of-type:first-letter {
    font-size: 110px;
    line-height: 50px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 0px;
    color: #d11415;
    float: left;
    text-shadow: 1px 1px 1px #aaa;
    }
    .site-main a:link {
    font-weight: 400;
    }

    The page I need help with: [log in to see the link]

  • You must be logged in to reply to this topic.