1 reply [Last post]
aussiemike
aussiemike's picture
Offline
Enthusiast
Kenya
Last seen: 5 years 49 weeks ago
Kenya
Timezone: GMT+3
Joined: 2003-05-29
Posts: 51
Points: 28

Hi Guys,
I need a single page to be made responsive and am looking to find someone to do the job for me.
Simple page.
dianibeach.com/cottages
I have been tearing what is left of my hair out trying to get my head around css for years.
Have been to fiverr.com to get the job done but too much language problems with guys there.
Also really want to learn css and am looking for someone who might be interested in a $ for question and answer job.
I find the only way I can learn is by asking the questions rather than reading.
I am an old dog and have trouble learning new tricks.
Not a lot of money here in Kenya at the moment after all our terrorism so don't ask me for a fortune.
Cheers
Mike

When an old man dies we loose a library.
"Old Kikuyu saying"

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 hours 46 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi aussiemike, Sorry I don't

Hi aussiemike,
Sorry I don't have time to take this on at the moment, hopefully someone else will.
Looking quickly at the site it seems like you are almost there.
The side menu appears to be the main issue. So you need to make that collapse or disappear when the screen width is less then ? let's say 800px.
Using the idea of Mobile first, you would start with the menu hidden then add a media query to show it when the screen is wide enough.

Something like:

#sidemenu{
  display:none;
}
#content{
  margin-left:0;
}
@media screen and (min-width: 800px) {
  #sidemenu{
       display:block;
  }
  #content{
    margin-left:211px;
  }
}

Hopefully that will get you a bit closer to your goal.