Trouble with moving to a Responsive Template

I am trying to update my website www.trickmypup.org to a responsive theme("striker") using a wordpress add on through hostgator. The problem I am facing is when I switch to the responsive theme the tables on my pages: Basic, Easy, Moderate, and Hard get completely messed up.

Is there a way for me to set a max image size for those photos only? Or a code that will keep it in a similar format to what I have now?

Solutions

You could try to set a fixed width in your table.

Instead of 100%:

<div class="entry-content">
        <table style="background-color: #ffffff;" width="100%" border="1" cellspacing="3" cellpadding="3">

you could try to set it in pixels. For example 570px; as shown:

<div class="entry-content">
        <table style="background-color: #ffffff;" width="570px" border="1" cellspacing="3" cellpadding="3">

Similar questions

WordPress Responsive Theme Not Being Fully Responsive
I am using the Pictorico theme on my site (http://linktick.com/). When you resize the window, for whatever reason, there is an additional block of blue to the right of the content that you can horizontally scroll to: However, when you look at a WordPress demo of the theme (http://pictoricodemo.wordpress.com/) and you resize it, this additional blue...
changing responsive breakpoint for mobile version in responsive css - but where? (Wordpress)
Just checked my site http://www.traumbad-muenchen.de in this tool http://quirktools.com/screenfly/ using the tablet setting Apple IPad 768x1024. For this size the navigation menu seems to be too big, cause it is displayed in two lines. Thats why I would like to set the responsive breakpoint to 800px width so that instead of the navigation menu the ...
how to turn off sliding responsive menu in wordpress responsive select menu plugin?
I am using WP Responsive Select Menu plugin in wordpress and I have responsive menu while watching the website in the mobile devices. In my IOS based phone, the responsive menu opens automatically when I scroll the screen to left (and sometimes also when I scroll down). My .js file is as follows: ` // Start Code }); ` I don't want the menu to load ...
how to make <iframe> responsive in wordpress. I can only make it responsive in either mobile or in desktop. need it to work well in both
I have used the following CSS and the html to make the iframe responsive but i can only manage to fix it for either desktop or for mobile devices, Please help me fix it for both. i would really appreciate your assistance
Can I make a section of a responsive WordPress site NOT responsive?
I have a WordPress site that is fully responsive which I love-- but one of the pages is a list of songs that are in 2 columns. It looks really messed up on mobile devices so I was wondering if there are tags or something I can put around the code just for the songs so that only that section would NOT be responsive and just shrink in proportion with...
Trouble with editing template for "List category posts" plugin
WP 3.0.4 local installation, multisite network enabled theme: Twentyten plugin: List Category Posts v .15, network activated I've created the folder list-category-posts inside my theme folder, and placed default.php inside it. Edited default.php and saved as lcp_template_1.php inside same folder. However, the changes are not appearing at all. I'm t...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.