Jump to content

Archived

This topic is now archived and is closed to further replies.

eliteqs

contactform in SB2 overlaps content when screen is shrunk down

Recommended Posts

eliteqs    0
eliteqs

Hi,

i hava added a contact-form to the side of my pages.  SEE ATTACHED PHOTO

the issue is when the browser screen is shrunk down, the contactform overlaps the content area.

the contact form was created using contactform7.

 

when the screen is shrunk down, the contactform should fall down, if there is no space...

 

all i know is that this is not good to have stuff overlapping..

 

here is the website URL with the issue http://planet-cyber.net/computer-services/repair/

 

How do i fix this issue?

 

 

and btw i am using pagelines framework version 2.4.4 because i tried the new one, and i dont like it.

 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, the image added as a background to the content form is 311px wide, but the actual sidebar width is smaller that this, you'll need to adjust the width of the sidebar to make sure its at least 311 pixel wide.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

Can you screenshot the site as you see it on the screen for us as the image in your first post never got attached.

 

Currently I see the site like this, let me know if this is the same as it displays for you - http://screencast.com/t/D5xThfRqob


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

From what I can tell, your issue is related to your use of a table which has a inline styled width of 638px, this is causing the responsiveness to fail from what I can tell. if you remove this width from your table, all should be well, the form when viewed on a mobile device should appear at the bottom of your site.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
eliteqs    0
eliteqs

thank you. i checked other pages as well and even though there are no tables. the same issue is happening.

example see this link   http://planet-cyber.net/web-design-printing-services/seo-services/monthly-seo-packages/

 

the overlap issue is evident when the browser windows is 950px.

if i make it small enough. it does eventually fall down. which is what it is supposed to do.

 

but the issue... what about clients with 1024x768 monitors.

it is not good to have things overlaping.

 

please advise.

may i provide you my admin credentials?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

OK, well that issue is actually related to the Form itself and the plugin, from the looks of it, it isn't a responsive form. You will need to contact the developer of the plugin for assistance with this, as its not related to PageLines.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×