Before and After Responsive Layout -...

User 1638206 Photo


Registered User
32 posts

under other services on both pages actually how did you make those tabs highlight like you did. looks good!
User 2088758 Photo


Senior Advisor
3,098 posts

Hey Jeffrey, Thanks! I used a program called Coffeecup Button Builder. It builds responsive buttons for your website.

You can try the free trial here http://www.coffeecup.com/button-builder/

Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2088758 Photo


Senior Advisor
3,098 posts

Ok taking the advice of Gunsmoke I have re-designed my frame work again and I just finished the content for the home page. I changed it taking into mind all the content that was on the home page before was too much. I now made the framework get rid of all the non-necessary content once it reaches mobile viewports.

There are a few in between spots you will notice that the design breaks a little but I have tested on every device I could get my hands on (iphone, blackberry, galaxy S4, ipad, hp tablet, nexus, laptop and desktop) and the page is perfect! So I will be ok with that.

Please have a look. Any suggestions are welcome.

Before:
http://misterwebguy.com/ResponsiveWebguy/

After
http://misterwebguy.com/ResponsiveWebguy2/
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 122279 Photo


Senior Advisor
14,474 posts
Online Now

It's working fine here on my iphone, galaxy half size tablet, ipad normal size, laptop and desktop. Good job! :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2147626 Photo


Ambassador
2,958 posts

Tried to look at it on my phone (LG Android) and I get a 404 page error. I can look at it on the PC no problem. Nook Tablet, no problem, but my phone gives me your 404 page error. Nice looking error page except that on my phone the print is tiny tiny and I have to 'pinch/zoom' to read it. But I cannot get your mobile site to load on my phone. :P
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 603315 Photo


Registered User
938 posts

Both look good to me Steve, it seems to work across the board at this end :cool:
User 2147626 Photo


Ambassador
2,958 posts

Okay-okay! Must have been a drug overdose. :D I have a bad connection out here in the woods, but finally realized that I have a router in the house so I turned on the phones WiFi and got a better connection :P

Your site looks great man!

Though you know what's coming next ... Arn't you going to make your 404 pages responsive? :D
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2088758 Photo


Senior Advisor
3,098 posts

Hey guys I'm going to launch my website soon but I would like some feedback before I do. All the pages are completed except the Website Templates and E-commerce pages... they will remain under construction until i figure out my layout.

http://www.misterwebguy.com/ResponsiveW … index.html

Thanks in advance.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 434929 Photo


Ambassador
938 posts

Looks great but it loads little slow here .

Question
I just wonder you did you managed to center the menu in navigation area as i understand you made your navigation with Menu Builder since I understand RLM and MB overwrite its CSS.
Guys at coffeecup are awesometacular.
User 122279 Photo


Senior Advisor
14,474 posts
Online Now

Mansour, CC is about to launch a fix for this overwriting. Scott posted a fix for it that can be used temporarily, but I can't find it right now.

Edit: Here it is:
http://www.coffeecup.com/forums/respons … post228475
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.