Hi, Just finished setting up a new site for a barber shop, it all looks fine on the PC but on mobile or smaller resolutions it looks awful. Site is (thedoghousebarbers.co.uk/index1.html) - just changed the name servers so might not be the new site (the new site is blue and white, if youre seeing a black site youre on the old one.) If anyone can fix this for me ASAP i will pay, if not any advice would be appreciated.
There's a number of things that are seriously wrong with your markup. You seem to be choosing your tag by their default appearance, and when none suitable you go for DIV, obviously... That is easily one of the worst examples of numbered headings misuse I have ever witnessed. Why are you even using the MEDIA attribute if you're giving it the "all" value? Why are you self-closing tags under HTML? Why aren't you giving your images an ALT attribute? Why are you wrapping block-level elements inside inline-level ones? Oh I see, it's html5... *facepalm* With all that said, WHY do you even expect your website to be responsive?
I haven't coded this site! I used a free template and modified it adding my logos etc. Like I said im willing to pay anyone who is able to fix this.
@Phil S has hit all the right points -- the page is filled with design faux-pas from an accessibility standpoint as well. You've got gibberish outdated markup, fixed metric (px) fonts in a uselessly illegible size, goofy short line-heights making some sections of text nearly overlap each-other, massive fixed width design elements that have no real place on a website if you care about making it mobile friendly -- It's just another laundry list of how NOT to build a website. ... and I can tell that BEFORE I look at the code. Under the hood? endless pointless static scripting in the markup, static style in the markup, ridiculously garbage use of numbered headings (as already pointed out), abuse of form elements without a form for some nature of scripttardery (guessing on that), endless pointless DIV for NOTHING, clearing DIV like it's still 2003, anchors wrapping block level elements (even if 5-tardery says it works, it doesn't!), missing accessibility attributes like ALT, attributs that have NO business on any website written after 1997 like BORDER, H3 wrapping non-text elements, paragraphs around incomplete thoughts, lack of paragraphs around the handful of text that should be in them, viewport meta that breaks zoom, HTML 4 charset declaration in a 5 doctype, crap before the doctype, improper media targets, jquery bs when I'm not even seeing anything I'd be throwing scripting at, images for static text... It's a nasty case of "toss it and start over" as it wasn't built from the start with accessibility in mind -- it is missing all the stepping stones needed to reach the summit of accessibility known as responsive design, so making it mobile friendly would be such a struggle it would be simpler, faster and easier to chuck the whole mess. Though that involves learning to use HTML properly first.
Well, that explains a LOT. Off the shelf templates are a giant scam -- you might have better luck asking in the forum area where hiring is done, since this is the section where people discuss building sites, not hiring/advertising/etc. You kind-of posted in the area where we assume you know something about designing and developing sites. You want the services area and/or some of it's subsections. https://forums.digitalpoint.com/forums/services.60/ I'd be tempted to do a rewrite if my health wasn't preventing me from taking on new clients. For the most part though it needs to be tossed and started clean, there is little present on that page from a design or codebase standpoint I'd even consider deploying live. For a proper rewrite, be expected to pay $100 to $150 USD if that's a single static page (about all that company needs), anyone offering to do it for less probably isn't going to do a very good job. It should be about two hours labor.
We can help you in this case. You can go with responsive site which will work on all tablet and mobile versions like app only.