Thanks, I’ll try that.

Thanks for the help. This worked for me in the end:

#top .fullsize .flex_column:first-child .template-blog .big-preview img {
max-width: 57.599999999999994%;
float: left;
}

#top .fullsize .flex_column:first-child .template-blog .post .entry-content-wrapper {
max-width: 36.4%;
float: left;
margin-left: 6%;
}

#top .fullsize .flex_column:first-child .template-blog .post .entry-content-wrapper .post_delimiter {
display: none;
}

@media only screen and (max-width: 767px) {

#top .fullsize .flex_column:first-child .template-blog .big-preview img {
max-width: 100%;
float: none;
}

#top .fullsize .flex_column:first-child .template-blog .post .entry-content-wrapper {
max-width: 800px;
float: none;
margin-left: 0;
}
}

Yeah I got that far but I wasn’t able to centre the floated elements without screwing up the responsiveness. Help with that please?

Thanks, the CSS changes the width to natural dimensions but it still doesn’t fix the dropdown selections. If I make the manual preview image size thumbnail 80×80 pixels, nothing happens still. I can change the size as much as I like with CSS but I’d like the original functionality back… I don’t know how it broke.

EDIT:

In any case, I intend to use CSS to alter the layout of this post anyway and I could use some help with that too (let me know if I should make a new thread for this).

I need to change the layout of the post from being vertical to horizontal, but without affecting its responsiveness to different browser widths. I’ve tried some custom CSS already but floating the elements always seems to screw up the responsiveness. Any help? To illustrate, I’d like to go from this: before to this: after. (I made the PNGs in photoshop).

• This reply was modified 10 years, 10 months ago by rinkjames.