I am trying to fix date picker Form Field and its breaking up in mobile view. My site has a form for travel destination select Form with a date picker Field. It works fine on laptop but not on mobile and I couldn't find the source to fix it.
Snapshot
Just need kind help to guide me how I can fix it. You can take a look at CSS elements by inspecting the page because there is a lot of information to paste in question here.
Thanks.
That display: block causing the problem. disabling that solving your problem.
Related
I know that this is a very specific question but maybe someone here has an answer. I am using the ARForms plugin to create forms on my wordpress website. It works excellent and I was always very happy with it but since a few days the multi-select element stopped working.
In the editor where I created a form I can see the element but it does not appear on my website although the form itself including other elements works fine.
Maybe someone had the same problem and could help me.
Thank you for your time
I've been having this issue for a couple of months now. It's been a thorn on my side.
If you go to mcgrathrealtyinc.com, you will notice that you won't be able to select or highlight any text and the text fields on the forms do not work.
I've already done the plugin compatibility test and changed themes, but I'm still having the same problem.
Can anyone help me please?
Thank you
I visited your site and inspected the event listeners and saw a file wprmenu.js using the mouseup eventlistener.
Blocking this file in the browser fixes the issue, the path of the file reveals the plugin name wp-responsive-menu
http://mcgrathrealtyinc.com/2017/wp-content/plugins/wp-responsive-menu/js/wprmenu.js?ver=1.0
I suggest replacing the plugin or contacting the support page here and asking if some can see what the exact problem is.
I'm working on a Wordpress theme over at http://mbgb.co.uk/blog
Up in-till an hour ago all was OK, now however whenever accessing the site with mobile dimensions, the previous CSS has disappeared. I've tried going back to previous CSS but that's not working and to my knowledge I've not touched any other part of the build.
Any advice?
Thanks in advance.
I have checked the url you mentioned.
Found some weird tags.
Please open your website and view your page source(Ctrl + U).
Preferably in Mozilla Firfox. As there the errors will be highlighted.
Please see the attached screenshots.
Go through the page source and resolve the things that are making these occur.
Please check
Please check
Did you checked if there are css rules that make your CSS appear only for desktop screens? This could be only explainable reason.
I'd just left a tag out - one day I'll learn not to panic. Sorry guys.
I have a Wordpress site that uses a JQuery plugin called Hover-Caption ( https://github.com/coryschires/hover-caption ).
The main page of site: (http://brighidfitzsimons.com) looks good.
However in Internet Explorer 9, a similar page based on Category adds a 282px top offset to the post thumbnail image. (http://brighidfitzsimons.com/category/lifestyle/)
I am new web developer so I am struggling to figure out how to isolate problem. Based on this stackoverflow entry ( How do I get rid of an element's offset using CSS? ) my current train of thought is to add a IE specific CSS sheet to 'reverse' the offset but I can't seem to get at the offending element. Also I'm confused why works on main page but not on category page. If you watch page loading carefully, it initially loads correctly then at the very end the images are moved down. Perhaps this is a clue.
First stackoverflow entry so I hope I have followed correct ettiquete. Please advise if you need me to provide any more information.
Thanks for taking time to read problem.
Regards Simon
It has something to do with the substitutions of the content inside the title, probably some quirk about ie9 which someone else would have more of an idea for me
just so you can take my word for it: http://jsfiddle.net/BXjK3/
the first two i have removed all the greater, lesser and quotes and it works, but I would say the browser does the substitutions before Javascript can see it, and it all goes down-hill
edit: worth mentioning the reason it looks like that is because the text is no longer properly contained, and so the display none is not taking effect on it, pushing all the images down and making it a jumble, due to the way the content is loaded the ie inspection cannot show me how the text is after the javascript, only what was loaded on page load, so i can't give you more help than that
I'm trying to display all node_edit form neatly within a lightbox without any of the excess content I don't want. No sidebars, footer, header, nothing. Just the content. So I created a page-node-edit.tpl.php file.
I have two problems daunting me, but for now I'll only mention the first since its more important.
1) From any drupal page, clicking on the "edit" link for the node doesn't activate the lightbox like it should. Instead it clicks-thru the link as normal.
With jQuery in the header I added a rel attribute for the lightbox to the links, but the box still doesn't activate. I tested the lightbox on a link I hardcoded into the page, and it activated just fine. For elements generated by Drupal, like the node edit link/button the problem seems to be timing.
I think the rel attribute needs to be built with the page, with the link, rather than appended onto it. The catch is, the link lacks an id and class, so I don't see how the hook_alter_link() function can help me.
I'm willing to try anything. Perhaps someone has done this before? Opened a node/edit form within a lightbox.
Any suggestions would be greatly appreciated.
I've seen the Modal Frame API used in a few modules (Node Relationships uses it to do something very similar to what you're doing); might be helpful...
http://drupal.org/project/modalframe