RobertTreth

Hi,

I’ve used the contact form 7 widget in the sidebar for my site. I’ve adjusted the width to fit the side by be using the class method above, which works great on my computer browser.

However when viewed on a mobile browser with a smaller screen the fixed pixel width of 255px is far too big and extends off the side of the sidebar.

Is there any code I can use so that the width of the input field is dynamic, and automatically 90% of the sidebar.
Any help would be great. Thanks

Thanks

Right I’ve sorted the added some lines to the CSS stylesheet I found on the forums which makes the browser adjust nicely to different sized screens. I no longer have the issue with the header image and menu.

The contact form widget width is still throwing up some problems. At the moment it is controlled by this line in the CSS:

sidebarInput { width: 250px; }

I think it means that its always 250px irrelevant of the size of the browser screen. So on a mobile this is far too big.

Is there a way I can control it so that the width is defined as a percentage of the width of the sidebar. So that it automatically shrinks with the rest of the sidebar?

I’ve searched through, but so far haven’t been able to find an answer.

Any help would be great, thanks.

Ok thanks I’ll have a play around with some of the widths in CSS.

I’ve already added the sidebar in the child theme for static pages.

Will try and borrow someone elses phone to see what the site looks like to see if its the same issue.

thanks

When I switch back to the parent theme the menu is still piled up with the links all over the place. It could be an issue with my phone I suppose?

the sidebar isn’t set up in the twenty eleven theme for static pages, so none of the widgets show up.

Sorry I wasn’t clear, I meant to write I’d created a child theme which I’m using based on the twenty eleven theme.

The Child Theme is the one i’m currently running, that I have modified.