Great stuff kvr! Added the code you suggested to my styling section and all works great now!

kvr28, thanks for the assist…  definitely appreciated during the holiday season!

you’re welcome

Frank, you are also going to have an issue with the new posts popup, the zindex for the header and menu with jarida will push the pop up underneath them,  this first one should fix that

.ui-dialog { z-index: 1; }

but I had this in the custom css as well, can’t quite remember what that was for

header#theme-header {z-index: 1;}

this one is just something I wanted to tweak with the way the widgets displayed

.widget-top{padding-bottom: 5px ; border-bottom: 4px solid #014f28;}

this IIRC is to fix any issues with the logo being too big on mobile

.logo img{ max-width: 100%;}

this IIRC is to align the logo on the left

header#theme-header {
margin: 0px auto 0px;
}

this was just a padding tweak

#main-content {
margin: 0px auto 25px;
}

this will specify your video size, so it doesn’t go outside the frame on mobile and so it doesn’t take up the whole forum on pc

#spMainContainer .spPostContent iframe {
    max-width:100%;
    width: 640px;
    height: 360px;
}

IIRC, videos on mobile show up square with a large black area on the top and bottom, so I added something like this to the phone custom css, it should make the videos look right in 16×9

#spMainContainer .spPostContent iframe {
    max-width:100%!important;
    max-height: 57%!important;
}

this I added because I didn’t like the way the quotes looked on blog posts, the quote marks are huge

blockquote:before {content: ‘275d’; color: #555; font-size: 15px; width: 15px; height: 15px; line-height: 15px; margin-left: -70px; margin-top: 10px; float:left; }

good luck!