• 0
Sign in to follow this  
Followers 0

contactform in SB2 overlaps content when screen is shrunk down

Question

Posted · Report post

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

8 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

screenshot is attached

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

here it is again sorry

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0