(help!launch tomorrow) How to move categories from below posts ?

  • Unknown's avatar
    newgenduder · Member ·

    Hey guys, glad to have you around.
    On my website http://rookiewatch.net categories on the main page are displayed under a post. I would like to move the category link to under the post title, if possible.
    help please!

    thank you :)

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, first there was something I noticed. When I narrow my browser window, your post titles flow off the right side of the screen, so they are not visible on tablets and phones.

    On responsive width themes, you typically don’t want to use a static dimension such as pixels unless that is what is used in the original CSS. Normally widths/heights will be expressed in percentage, or perhaps have a min and/or maximum width declaration. Find this rule in your custom CSS and change the width to 100% and remove the left margin. 

    .wf-active .entry-title {
    border-color: #000;
    font-size: 36px;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
}

    Now, on to the categories. moving them up below the titles is problematic since we have to use position: absolute to do that, and that means that that line of info loses its relationship to all other elements in the site and effectively floats freely above everything else on the page. Post titles vary in length, not only when viewed on a desktop monitor, but also on smaller screens. You can demonstrate this by (after correcting the CSS above) narrow and widen your browser window.

    Since the titles on responsive designed themes can’t be kept a static length/number of lines on all devices, we end up with the the title and meta data colliding and overlapping. To demonstrate what I mean, temporarily add the following to the end of your custom CSS and then look at your site. I’ve spaces things for your first post. Scroll down and look at your second post. See it overlapping the content? Now click the tablet and/or phone preview buttons at the bottom left of the CSS window and see what happens.

    The only clean way to make this sort of change is to edit and change the theme PHP script files, and we cannot do that at WordPress.com.

  • The topic ‘(help!launch tomorrow) How to move categories from below posts ?’ is closed to new replies.