Willows

Hi everyone, Im having an issue where I have media queries set up for my site which seem to work fine when resizing the browser, but dont seem to follow through to any mobile device correctly, the first issue is that the site width isn't 100% (which i know wont be explained from the code below and assuming is just a simple css fix but i cant understand why it wouldnt be 100%) , and the second issue is that it doesn't seem to recognize any of the queries on mobile when i make the changes.. below are the queries i am using, as i say all seem to work fine on browser, just cant seem to get it to work on mobile, viewport tag is in the head also.. an example can be found at finerfencing.co.uk @media only screen and (max-width: 1440px) { h1 {color:#000} } @media only screen and (max-width: 1280px) { h1 {color:#333} } @media only screen and (max-width: 840px) { h1 {color:#555} } @media only screen and (max-width: 568px) { h1 {color:#888} } @media only screen and (max-width: 480px) { h1 {color:#fff} } Hope this is enough information and im posting in the right place, any advice would be welcomed, ive looked through google and the site for help but nothing i implement seems to make a change so im assuming im missing something really obvious! Thanks, Will

Hi guys, im working on a small project and need some help with bits and pieces (paid work ofc) if you would like to speak on skype please add me: willows420 Appreciate this is probably the wrong place to post this but didnt see a paid work thread, so what the heck, move if needed! W

Perfect mate, thanks for a swift and helpful response!

I have a list of headings that once clicked, toggle a div of content below it, problem is, I cant get them to work independently without having **** loads of JS scripts, how can I simplify it so one script runs all the divs? JS <script> $(document).ready( function() { $("#link1").click(function() { $("#link1-c").toggle(); }); }); </script> <script> $(document).ready( function() { $("#link2").click(function() { $("#link2-c").toggle(); }); }); </script> HTML <div id="link1"><a href="#" class="signup-a">Link 1</a></div> <div id="link1-c"> <p>link1 info div</p></div> <div id="link2"><a href="#" class="signup-a">Link 2</a></div> <div id="link2-c"> <p>link2 info div</p></div> css #link1-c{ display: none; } #link2-c{ display: none; }

Hi, I need to discuss a project which i need starting immediately. If there are any PHP experts out there who would like to earn some extra money contact me on here on preferably skype, my user is willows420 Thanks

Members zone, made a new thread, please delete this, apologies.

Hi, I currently have a website im building, but ive come to the point where i need to implement a members zone, im not great with php, I can edit/manipulate scripts and have a basic understanding of it, but a members zone is way out of my league.. I only need something simple, potentially a pre written script or someone to assist in the creation of the members zone with my guidance of direction, i am willing to pay for your time i merely just need professional help, if you feel you can help me and would like to earn some extra money hit me up as im ready for immediate start!

Looking for someone to help me out via skype if possible with a PHP project, pay available.

I am also testing in 10 and cant seem to see the content within the sliding divs on the right?

Hi, I have some javascript/jquery working on my site, seems to work perfectly in chrome, safari and firefox but in IE there seems to be some issues, if someone could possibly guide me in the right direction that would be great... Its the "activity" sliders on the right hand side (multi coloured tabs) they are meant to expand/retract on click and expose content doing so, the expansion performs but then no content appears in IE? Site Thanks Will

You hit the nail on the head - thanks, very much appreciated!

Can anyone guide me here?

I have already a working div that expands and retracts on mouse over/out, i now want to make content appear inbetween these two transitions so it fades in nicely on mouse over and dissapears again on mouse out with the div.. any help or advice would be greatly appreciated, here is the fiddle.. http://jsfiddle.net/NEuWW/

Thanks for the fast replies, really helpful and very appreciative, gunna go with Lyndseys fiddle cheers

Hi Basically I want to expand a div to fit content on click (preferably a button in the top right hand corner aligned with the heading) then contract on click from the same button but now its in the bottom right hand corner..... here's an illustrated example of what i want.. on page load..... on click ...... i want it so u can constantly cycle through an 'open' or 'closed' div, not so its only able to be clicked once... i hope this makes sense Will