Mock Up Design Question? - Post ID...

User 53728 Photo


Registered User
96 posts

Hi, Everyone,

I have a design layout question. How do I place both the logo "MySLIC" and telephone number on the upper right corner?

See, attached files, and .red file at https://tinyurl.com/yxg23pul

Additionally, let me know if I'm following the best RED design techniques?

Thanks,
Hal
Attachments:
User 53728 Photo


Registered User
96 posts

Hi, Everyone,

Attached is the desired breaking points result.

Harold
Attachments:
User 187934 Photo


Senior Advisor
20,244 posts

I think your going to want to place them as one image in the header.
Attachments:
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
User 1991012 Photo


Registered User
55 posts

Hi Hal,
What Eric suggested is the easiest way.
However, if you are searching for a responsive solution with stacking the columns:
Re - How do I place both the logo "MySLIC" and telephone number on the upper right corner?
Try to put them in the upper right column?
Re - Attached is the desired breaking points result.
When needed (probably the lowest breakpoint), change to 12 spans for both columns and test everything.
The alternative way would be to use two containers instead of two columns.

Stay well,
Z.
User 53728 Photo


Registered User
96 posts

Hi, Z & Eric,

Moving the items to the right column, and changing the span from 6 to 12, before the first break point (left to right) worked.

Here is the URL link to the .html code, available at https://tinyurl.com/yyoq9ppj

Thanks,
Harold

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.