In case you have not done so as yet, go here > Appearance > Mobile and disable the mobile theme.

It loses some image sizing when viewed on tablet, which isn't a huge deal, but the ENTIRE layout of the posts page (Main Page "About") looks awful on a smartphone. Try accessing the site from different devices to see for yourself.

Any idea of CSS to add to help the theme maintain it's integrity across all viewing platforms? This is urgent as we will be running an outdoor marketing campaign in the next week and mobile user experience has to be as seamless as possible.

- A friend mentioned some sort of bit of CSS to tell the theme not to recognize the difference between mobile and computer browsing, but I'm not sure how to do this.

Responsive width means the layout adapts depending on the size of the device being used to view your site. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

Disable the mobile theme here please > Appearance > Mobile because the theme is a responsive width theme.

If the code I suggested didn't fix the slideshow bg, then adding "!important" to the rules should force it to work:

.slideshow-window {
    background-color: transparent !important;
    border: 0 none !important;
    margin-left: 20px !important;
}

Also, try with and without the margin rule and see which version makes the images exactly centered.

Thanks so much for helping out. The header is fixed now thank-you. However that slideshow part did not fix the black background around the slideshow images. Is there any other way to do this?

Thanks, and yes any help with the mobile device part is still appreciated from anyone!

It normally takes up to seven weeks to be indexed by search engines. You can facilitate this process by blogging more frequently.

There are some WordPress blogs that I am able to view on my mobile device, is there a setting or what? Any information would be helpful.

Thanks

You will not find any solutions to WordPress.ORG blog questions here at WordPress.COM. Please read this http://support.wordpress.com/com-vs-org/ WordPress.com and WordPress.org are completely separate sites with different username accounts and logins. We provide support only for free hosted WordPress.com blogs.

You are posting to the wrong support forum. If you don't have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there and receive advice from WordPress.ORG bloggers.

#header-image {
    left: 100px;
    position: absolute;
    top: 0;
    z-index: -1;
}
#header-image a img {
    display: none;
}

Delete the second code, and turn the z-index number to a positive one.

2) To remove the slideshow frame, add this:

.slideshow-window {
    background-color: transparent;
    border: 0 none;
    margin-left: 20px;
}

3) Each theme confines the slideshow images to a fixed maximum width (= the width of the regular main column minus the 20+20px of the blackish border, so in Manifest 460px) , and this isn't defined in the CSS so you cannot really override it: you can turn the images to full width via CSS, but they won't be real larger versions, they will be the default ones blown-up, so the quality will be poor.

4) Sorry, I have no experience with mobile devices. You'll probably have to wait for a staff reply.

I'm just setting up my blog and after looking at the forums for hours on end and playing around with different things I am left with a few questions so any help would be much appreciated.
Please keep in mind im new to wordpress and CSS, although am understanding CSS much better now than when I started a couple of weeks ago :)
Okay, the slideshow on the home page, I need to remove the black border for starters. Secondly, I am quite sure this is impossible with Manifest theme, but to make the actual photos fill the full size of the slideshow (ie. where the black border goes to now). I've tried simply resizing the photos to the width of the blog but this didn't work.

Also I did something in CSS to move the nav bar under the header but now my header image has disappeared and I'm not sure how to get it showing up again!

And finally, the site looks completely different when looked at on a phone, is there an easy way to make it look the same as on a computer screen?

Thanks so much in advance, appreciate any assistance!
Amy.

Responsive width means the layout adapts depending on the size of the device being used to view your site. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

Magazine is not a responsive width theme http://theme.wordpress.com/themes/magazine/

This is the site: mywodhq.com/feed/ where the problem is happening.

How do I stop this and prevent it further in the future?!

Thank you.

This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

This is an automated message.

Thanks.

For future reference, there will be a link for the specific Premium Theme support forum under Appearance -> Themes in your blog’s Dashboard, but the theme needs to be active and you need to be signed in as the user who purchased it in order to see it.

Okay. Thanks again for the help.