I have a custom form module installed for a contact us page.
When on a desktop the form will give a confirmation message either that your form was accepted or denied. However this is only working on a desktop
I'm trying to figure out whats causing it to stop working on other devices. I have the ResponsiveThemeMachine theme installed but I looked through the css files and saw nothing about the class .message-Information (which is what the confirmation message uses)
I'm not sure where else to look as to why it wouldn't work on anything but a desktop.
I partially solved this if anyone has the same problem. I had to add a widget in the message field so what I did was created an HTML widget and set the title to not appear and left the body blank and set it to only appear on the contact page. It did push the content down a little bit but now my message works on all devices
Related
I am running into some issues on the mobile version of our checkout page.
Customers that try to place an order and don't fill out everything correctly don't get shown an error message.
I'm using the DIVI block builder but that shouldn't be an issue.
Here is the error message that is shown on desktop sites.
But on mobile, all that happens is the text turns red for the checkmarks.
Somehow customers can't seem to figure out what is going on so I would like to print out an error message at the top of the page that shows the issues as is done with the desktop version.
For the page - https://thefarmdream.com/checkout/ (will only work if you have items in your basket)
I figured out what the issue was after a few days of searching.
Since I use the Divi builder and wanted a different layout on mobile vs desktop I used the DIVI "woo checkout payment settings" block twice on the page.
The error messages can only be shown once, so it was showing on the desktop but not on the mobile version.
Removing the second block and changing the layout a bit fixed everything!
We are designing a WP site from a template called Remake, and, after uploading the final versions of the header and footer through a plug in, the mouse (cursor) suddenly disappeared! Can't find an issue inside the code, when we remove the plug in, the cursor appears and thats the only way to fix it BUT we need to use it. (It's happening with any plug in we use...)
I've made some changes to my mobile version and since then my desktop version has been affected causing the css to push everything to the left I'm not sure why. here is the link for now until I can get the code entered.
link here
You have mistake in class name, look video https://www.screenmailer.com/v/7aagE5AeVg1tDqQ
I've created a custom action and a custom service and I have configured the 4 caption lines in the edit attachment screen. The problem I have is that og:title always appears by default (which is OK for me) but also my app name appears on the 2nd line - which is really undesirable. This wasn't happening a week ago and I can't work out why it's suddenly doing it now or how to prevent it.
I submitted a bug to Facebook and the response was that it's by design but it wasn't always doing it so it must be controllable. Has anybody else come across this?
The behavior of this is strange but it turned out that once my app was submitted for review and approved the app name no longer appears in the attachment. However, in the mobile FB app view it still shows the app name and doesn't show the lines as defined in the attachment. I guess this is just a difference between the UI design of web and mobile.
I'm building a contact form for a mobile website in HTML5 and CSS. It is the same form I use on all mobile website and after not working for 5 hours I pulled the code straight from a working site I built and it still doesn't work properly.
The issue is when you go to the contact page it shows the contact form, but with the labels centered and the submit button image isn't showing up. I must refresh for it to bring up the correct CSS file to align the text left and show the submit button. Initially I thought it was from a CSS/JS conflict with my menu at the top so I pulled that and it still causes the same problem. I have cleared the cashe on my phone and web browsers and they all work the same.
Here is the link: www.lpokc.org/mobi/contact.php after going to this page hit refresh and you will see the difference.
My question is, is this a caching issue, is it server side issue, or is it a conflict in my coding. I'm not good with posting the code on this site but if you go to the mobile site from your web browser you can just right click and view source to see my code. I have a boiler plate html core file with boiler plate CSS and custom CSS.
Is there some sort of script I could use to make this page auto refresh one time on page load then not again after the reload? I don't want to use an improper fix like this but I have been working on this issue for a day.
The left side is before refresh. I have pulled the code from the site now but I think it was a js conflict because it was auto loading the css from the menu when the link for any page was clicked.
I'm seeing it fine on my end. Seems to work flawlessly, but if you are still having a problem, you could either use cookie or session variables. If the variable does not exist, you can use the php function header( 'Location: http://www.lpokc.org/mobi/contact.php' ) ; to "refresh" the page. It's actually just a redirect command, but if you are sending them back to the page they are on, it is pretty much the same thing as a refresh.
It was a conflicting issue with my menu JS/CSS. I pulled it and now everything works fine.