Help with CSS to make Q&A responsive

I added these additional CSS rules to Q&A settings (Ari suggested them in an older thread) I also made width inputs in the settings area blank.

#question-form textarea.wp32, #answer-form textarea.wp32{width: 99% !important;}

This makes the Q&A area http://acnemantra.com/questions "somewhat" responsive.

The question titles are still not wrapping around fully on my phone.

The sidebar overlaps the whole Q&A area and just makes everything messy.

I'd like the sidebar area to wrap to the bottom of the Q&A section on smaller screens.

My theme is fully responsive and I cannot afford the Q&A section to not be so too. Please help!!

Thanks!
Sonal

  • Christopher Rice
    • The Incredible Code Injector

    Heyoooo sonalpan --

    I'm sure some awesome wpmudev will have an idea, but until then I would recommend checking out Tweaky.com ... they provide all sorts of simple services, including css tweaks.

    Be sure to grab their newsletter as well ... they throw out discount codes pretty regularly.

    Hope all is well.

    Cheers

  • aecnu
    • WP Unicorn

    Greetings Sonal,

    Thank you for your input and though we do try to help if we can and what Christopher Rice did not directly say is the truth that this is custom coding which is beyond the scope of the support we provide here.

    My then Boss clearly states: Think of support as helping you implement our product in any of the ways it's meant to "out of the box". Custom work would be anything additional that the plugin doesn't do by default.

    Obviously this is not default and is custom coding without any doubt what so ever.

    With that said and we would never withhold an answer or the way to possibly achieve the goal if we indeed know, with simple code edits which only take a few moments to find and change we can offer some assistance or at least direction to where you need to be looking.

    So, let me start with some tutorial links first. This should help you to understand Firebug and Chrome Developer tools:

    https://premium.wpmudev.org/blog/easily-edit-your-wordpress-theme-with-google-chrome-developer-tools/

    https://premium.wpmudev.org/blog/customizing-your-wordpress-theme-using-firebug/

    They will get you started with learning those tools should you so desire.

    And css is obviously the answer here: http://www.w3schools.com/css/

    Alternatively, you could see if there's a developer available at wpmu jobs who could get onto it right this minute

    Thank you for being a WPMU DEV Community Member and have a GREAT upcoming weekend!

    Cheers, Joe

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.