formatting question / problem

User 283347 Photo


Registered User
388 posts

toward the bottom of my test site gsh.coffeecup.com I have this issue:

When the screen size is reduced, the paragraph that starts with "We service the entire Middle Tennessee area! Please contact us today for a no-obligation consultation." (in the Contact area) gets pushed below the very bottom image...or maybe only behind it depending on how small you go... It does not behave this way in the RLMP program or when previewed...only after export.

I think I have a Grid issue but I'm not really sure...I only know enough to make things worse.

Anyone have any ideas??

Thanks in advance.

Mark
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

Try this main.css line 462
body > .row > #s8[class*="coffee-span-"] {
background-color: transparent;
z-index: -1;
}
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 283347 Photo


Registered User
388 posts

Eric,

Thanks for the reply...that puts it in front of the image but I still cant figure out why it jumps down when it does...in the program when I reduce it, the paragraph stays above the image.

User 187934 Photo


Senior Advisor
20,190 posts
Online Now

line 1 custom.css

.section {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 520px;//delete or change this at a break point
position: relative;
width: 100%;
z-index: 1;
}
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 283347 Photo


Registered User
388 posts

ok...I'll give that a try. One question...if I need to change it at a given break point...why is section 8 the only one that misbehaves? I'm trying to figure out what is different?

Thanks for all your help!
User 283347 Photo


Registered User
388 posts

ok...I tried reducing the size @media ...but it only made the image smaller and the paragraph still remained in the same place (all over the picture)
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

I'm looking at the page through firebug and if I disable the height: 520px the page looks great.
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 283347 Photo


Registered User
388 posts

When you say disable...does that mean set height to 0px; ?

*note are you looking at it on a mobile device and/or reduced screen size? It looks good until you do that (on my end anyway)

Sorry to be slow to catch on :)
User 187934 Photo


Senior Advisor
20,190 posts
Online Now

In FX I disable it so comment that line out and see if it behaves.
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 283347 Photo


Registered User
388 posts

Eric,

Thanks!! That seemed to have done it!! I had to Google how to disable css...but I think I did it correctly?? Ha!!

You are a great help to me and so many others on these forums.

Have a great weekend!!

Mark

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.