Was wondering if someone can give me some insight on a test page I am working on.
Look fine in browsers (IE and Firefox) but does not look ok on a mobile device. Any input would be appreciated
test page is at http://www.ignitepromotionalcoaching.com/test.html
Mobile Format
Captain Ron
Registered User
210 posts
Eric Rohloff
Senior Advisor
20,245 posts
Your page doesn't respiond in other browsers either.
Your bg-header2.png image is set to width:960px You need to set widths with % so it's responsive or set break points to change the width of elements for different screen sizes. Was that page made with RLM or RSD?
Your bg-header2.png image is set to width:960px You need to set widths with % so it's responsive or set break points to change the width of elements for different screen sizes. Was that page made with RLM or RSD?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Captain Ron
Registered User
210 posts
No .... I edited it in the html editor ....It was a template I downloaded
GregB
Registered User
772 posts
Rebuild it with responsive layout maker and then import it into the html editor and finish it up.
My CC S-drive site https://workhorsepainting.com
Captain Ron
Registered User
210 posts
I have never used the responsive layout maker and dont even have it downloaded.
Captain Ron
Registered User
210 posts
Think I found what was causing the main problem on the mobile device.
In my css i had
and as soon as I removed that everything lined up
In my css i had
<meta
name="viewport"
content="width=device-width; height=device-height; initial-scale=1.0"
/>
name="viewport"
content="width=device-width; height=device-height; initial-scale=1.0"
/>
and as soon as I removed that everything lined up
paintbrush
Ambassador
3,816 posts
Before you get any further, it would be better to find an HTML5/Responsive template.
Otherwise, you need to build and maintain 2 sites (desktop + separate mobile version).
You don't need RLM to create a responsive site in the Editor, but it makes it easy to create your grid/layout. You then export that to the Editor and like a template, put you content, images, etc. in place.
Otherwise, you need to build and maintain 2 sites (desktop + separate mobile version).
You don't need RLM to create a responsive site in the Editor, but it makes it easy to create your grid/layout. You then export that to the Editor and like a template, put you content, images, etc. in place.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.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.
