I have an image placed onscreen which is 294x49px in an image box set to ratio 6:1. I've set the min and max widths and checked that it has plenty of room to fulfill its size within the column, but its rendering much smaller in the exported html page. Its showing about 195px wde instead and I just can't see why.

The CSS looks fine...

img.logo.logo-1 {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
min-width: 294px;
max-width: 294px;
}
}

I'm stumped! Any suggestions anyone?

Hey Andrew,

If you can provide a link to your website I would be happy to take a look.

Thanks!

An extra bracket?

Solved:

Unbelievable. I'd accidentally added a breakpoint far right so my image size settings didn't cut in when testing the page looking on my full-screen browser! Once I reduced my browser window a little the image resized correctly.

Sorry guys. I feel so dumb but its too easy to accidentally add a breakpoint when grabbing the slider up there.

Eric - the extra closing bracket was this being the last image in the /* Layout Elements */ No problem.

Thanks