Link to home
Start Free TrialLog in
Avatar of shawn857
shawn857

asked on

Making my existing website "mobile friendly"...

Dear Experts, I'd like to spruce up my website (www.thedatasurgeon.net) to be "mobile-friendly". Can you offer some guidelines on how to modify it please? I created the site some months back by using a free template I got off the web... I have some rudimentary HTML and CSS knowledge and managed to cobble it together for my needs.

(The opening webpage is my "landing page"... however the meat of my site is here --> http://www.thedatasurgeon.net/download.html  and can be navigated around via the top menu).

Thanks
   Shawn
Avatar of Prasadh Baapaat
Prasadh Baapaat
Flag of India image

you have added the bootstrap min css, but not made use of it...

for that you will have to divide your content into
  1. Header
  2. rows &  columns for page content
  3. footer

if we take the blue box below header, then it can be like a row with 12 cols & the yellow title in it
next row & col-8 + col 4 for the Video & Start trial box.

I will give a general outline of rows & cols and then you can cut paste your code inside it.
Avatar of shawn857
shawn857

ASKER

Thank you Prasadh... you said this:

"you have added the bootstrap min css..."

I'm embarrassed to say, I don't even know what "bootstrap" means! I just took the existing template, put my content in it, and made it work enough to suit my needs. I guess I don't know as much CSS as I thought I did...  :-(

Thanks
   Shawn
ASKER CERTIFIED SOLUTION
Avatar of Prasadh Baapaat
Prasadh Baapaat
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
oh... I read your comment after I gave above answer...  ok just try using my code in the part between

<body>

</body>

just make a trial page and see how it works.
This is an ideal case for EE Gigs.  You really should consider paying someone to do this work for you.
Thank you Prasadh, I will get around to this soon. Will these modifications change the way my site looks on normal computers?

Thanks
   Shawn
no it will not affect the way it looks on normal (Desktop) computers... the responsive styles kick in when the screen size changes and goes to small devices.

you should do an introductory course on Bootstrap... many are available for free on the net.

and it is also a good idea to create a gig for this work... means there are so many things involved that its not possible for me or anyone else to explain them via a Q & A to someone who is just starting out with bootstrap.

Thanks,
Prasadh
OK thank you for the advice Prasadh. I will play around with the framework you supplied and try to learn a bit more about bootstrap, and see how far I can get. I may need further help on this down the road.

Thank You
   Shawn
Thank you!
no problems Shawn,
I will be glad to help you if you need :)
Thanks,
Prasadh