Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Problem with form in mobile view


  #1  
Old Sep 22, 2017, 03:00 PM
VivBounty
 
51 posts · Jun 2012
Canadian Maritimes
Problem with form in mobile view

Hello ATA/WP sanity savers.

I have applied the 'Mobile-Friendly Test' code to all of my sites, even this one I created for a friend.
https://www.thosbartlettantiquesandoddments.com and most work.

The exception is this optin form for her autoresponder in a "widgets on pages" plugin which does not translate to the mobile view on her "Subscribe" page here:
https://www.thosbartlettantiquesando...com/subscribe/

Is there some code I can add to html/css inserts to fix this?

Much appreciation in advance for any assistance. It took me a week to figure out the table tweaks to get that background image to show.

  #2  
Old Sep 23, 2017, 03:52 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Hi, I took a look at that page...I'm going to go out on a limb and guess that you built this page using the visual editor and have made changes to it since you originally created the page and you are using some widget plugin to add things into the page.

OMG is the HTML a mess. This page has 4 nested tables, HTML elements that span other elements and you have defined a fixed height/width for the main table and used the image of the horse as the background image on the main table.

I would try to cleanup the page. I would get rid of the use of the plugin and manually code the form. I would have two div's - one for the form and a second for the image of the horse and set them side by side.

Then I would add CSS to hide the image of the horse when the viewport was below a certian width.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Sep 28, 2017, 12:07 PM
VivBounty
 
51 posts · Jun 2012
Canadian Maritimes
Hi Juggledad,

No actually, my autoresponder had forms prebuilt. They went to new rule that we had to use captcha on all our sites. So I grabbed one of their forms as they suggested then found that the image didn't show because I had background colour in my tables in my ATA theme. I did not figure that out until I went to the widgets on pages plugin. So now I have the mess you are now looking at.

I am now going to attempt to manually code this page and see if I can produce what you are describing.

Thanks so much for your kind response. I will report back as soon as I can.

  #4  
Old Sep 28, 2017, 12:53 PM
VivBounty
 
51 posts · Jun 2012
Canadian Maritimes
Hi again, JD.

Is there a thread or tutorial on how to create a form. Been through the ATO and saw options for form and table styles and as I am not that html savvy, I have always used forms from the autoresponder and just replaced images to ones I preferred.

So going back to my test site where I have been trying to make this subscribe page for months, today I removed the widgets on pages widget and used one of the forms created by the autoresponder right into a page and this is what it looks like: https://vivbounty.info/thosbartletts...sting-ar-form/

1. I can add the last name field. I can even forget about the horse on the actual site, but how do I stop the repetition of that background image?

2. Are there still too many nested tables now?

Thanks for your kind assistance.
  #5  
Old Sep 30, 2017, 01:33 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what autoresponder are you using?
can you send me a PM with an admin ID/PW so I can take a look?

to prevent the background image from repeating use
div.post table {
background-repeat: no-repeat;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Sep 30, 2017 at 01:39 PM.
  #6  
Old Oct 1, 2017, 11:04 AM
VivBounty
 
51 posts · Jun 2012
Canadian Maritimes
Quote:
Originally Posted by juggledad
what autoresponder are you using?
can you send me a PM with an admin ID/PW so I can take a look?

to prevent the background image from repeating use
div.post table {
background-repeat: no-repeat;
}
Hi JD,
Sent you PM. Also tried the above code and image still repeats.

Thanks for all your help. I look forward to your findings.
  #7  
Old Oct 2, 2017, 04:52 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Actually the code does work - shrink your screen and you will see it suddenly apply.

Now your homework is to answer the question - why is that CSS applying only when you make the screen smaller? (hint: where did you add the CSS?)

I went to the site you sent me and see the forms they build. None of the forms are responsive. You might want to inquire where they have their responsive forms - if they have any - and when they will have some if they don't have any.

From their answer you may want to do some research on responsive forms...
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Oct 2, 2017 at 05:01 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Mobile dropdown nav menu appearing in non-mobile view header Michael4fm Montezuma Theme 4 Aug 19, 2014 09:56 PM
[SOLVED] wp e-commerce category view problem tropicalconsulting eCommerce & Atahualpa 8 Jul 30, 2012 04:49 AM
Mobile Sidebar problem Context Canada Center area post/pages 1 Mar 1, 2012 02:46 PM
Mobile view plugin joestyer Plugins & Atahualpa 2 Feb 16, 2009 07:16 AM


All times are GMT -6. The time now is 09:32 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.