which is all working on my desktop and most other widescreen (1080p) resolutions (or so it seems).
the problem seems to be on lower resolutions and smaller devices where i get text overlaps etc even though on the design view everything looks pretty acceptable.
not specifically the slider, thats not too much of a problem, its more text overlapping on the pages, its easier to see what i mean when you open the site on a tablet or a lower resolution screen. and in regard to the slider, im waiting on them for some more images to finish the slider off haha ^^ and the image is a temp one i made quickly.
ahh ok we might be onto something here, i appreciate your help greatly. do you think i should remove the slider then re-add it prehaps leaving the settings on auto?
so you think potentially the slider having the fixed width could be the reason why the text begins to overlap on the smaller devices?
what do you mean about the other sections? can you elaborate?
I’d removing the FIXED-WIDTH on the SLIDER and AUTO-WIDTH.
For me… I tend to use SECTIONs to group.
Then… you use the settings options to change the SECTIONs (DIVs) into actual HTML-5 SECTIONS.
I’d have a SECTION for the NAVBAR, another for the HERO SLIDER, another for your “Panels / Finishes / etc” area ---- which seems to be more of a Services or Product ??? , another for the Address area, and lastly another for bottom FOOTER (Delivery within 48 hours / Call If You Can’t… / etc)
So basically… using my naming convention - and “my style” (obviously yours can be different - do what’s comfortable for you).