This never used to happen on my site, I haven't knowingly adjusted anything in the index which could cause the issue. But with the regular web address it automatically scrolls down the page. However if I type www.domain.uk/# it works as intended.
Any ideas? Sorry for the noobie question :D
This is likely happening because you're modifying a Bootstrap template. Some templates have scrolling features that tend to be useless once you do any kind of customizing. I would go through the templates' Javascripts and look for anything that's related to scrolling, and either fix or remove it.
Related
I'm producing a page that will reside inside an iFrame. Below is the code that mine will drop into. It needs to be responsive, which mine is. However, the iFrame is not. I don't have access to the parent or hosting page in order to implement solutions that I've seen suggested. Is there a way to make the iFrame responsive without adding to the parent code?
To me, this seems the most logical answer (IF I had access to the parent source code) - http://davidjbradshaw.github.io/iframe-resizer/. But, I don't, so was wanting to know if there is a way to do within my code which resides in the src="https://..." of the .
The short answer is no, their are many security restrictions In the browser to stop you doing this.
Their is a longer answer that involves proxying, but then your into potential legal problems. It would be better to just get the other site to agree to you doing this and if they won’t then you should not really be doing it in the first place.
I’ve been using cf7 for a while now and I must say, good job!
At the moment the problem I’m experiencing is that any text I insert using Divi builder just vanishes and although the I-beam cursor still shows when going over the text I cant seem to find out the reason why the text doesn’t show (the text is located in the middle of the screen on the background image).
I’ve inspected suspected elements and found no luck within the css of both cf7 and divi.
I’ve removed and inserted the shortcode and the problem definitely resides within cf7
Any idea what the cause of this could be?
More information would be helpful. There might be a conflict between CF7 and Divi but that's not likely the case. Elegant Themes recognizes that CF7 is a super popular plugin and even wrote a blog post about how to style it.
Are you using a child theme? Did you make any customizations to your CSS, functions file, etc? Without being able to see the code it's much tougher to troubleshoot, even a screenshot would be better.
I have this site
link
As you can see in the picture below ... go under footer text and not seen.
I tried to inspect the code to figure out where the problem but unfortunately I have not found ...
You can help me solve this problem please?
Thanks in advance!
I'm pretty sure this is not a css problem.
The reason I think this is the case is because some times the page loads and the page behaves fine. This inconsistent behavior can be caused because your javascript is not being told to execute only after all the DOM elements are being created.
make sure your javascript is being called in the footer of your site, or use document.ready(function(){}); to make sure your javascript is being executed after all the elements it is changing load. Otherwise the javascript will not find the right handles since they do not exist yet.
Check this resource for how to properly use javascript:
https://learn.jquery.com/using-jquery-core/document-ready/
Why is my site in progress on the "HTML5 Boilerplate" system resulting in non-interactive pages?
Example: http://www.maxilham.com/buttons
I am no expert at coding, but I have made several websites and have an increasingly better knowledge of html, css, js and so on. I do not have real training or a technical background, so I always like to try systems and templates that are probably more semantically correct and up to date than anything I would write out of thin air.
Thus I downloaded the http://html5boilerplate.com/ template and then went about coding as I normally do. Everything looked perfect (at least as I expected it to, not finished designing), but when I replicated index.html to start testing links and building the other pages, I realized no links on the page were clickable, and that in general the whole thing was acting more like a screen-cap or .pdf then the website I thought I had made.
When I stripped everything out of the BP .css file (except for what I had added), I broke the structure/styling, but all the links became active, hovering states showed, etc..
I cannot pinpoint what it is about the starter index.html/style.css combo or what I am doing wrong to them, that is breaking the site.
Does anyone know of an obvious mistake/coding conflict that would freeze/lock my pages?
Thanks in advance for any help and sorry if this is too specific/generic/not in right place.
AB
Check for a negative z-index. If you have a z-index that is lower than 0, it will place it 'behind' the body tag, aka make it completely non-interactive. Only reason I guess that is because I am unable to inspect anything and I've seen this before.
Alternatively, make sure you don't have some sort of page-wide element with a z-index that is higher than everything else, however Inspecting any element on the page only selects the body tag, leading me to believe that is the culprit.
I doubt the problem is in any way directly related to the HTML5BP.
I have a problem on a page i'm coding. Problem is i'm getting random img classes from nowhere (at least nowhere i know). I've put the generated class below.
<img class=" iryjanjabqqmypymdnuv" src="some/source/path">
There are several jquery plugins and jqueryui on the page but div that got img has nothing to do with those js libs. I also use php but that must have nothing to do with this i guess.
If you need any codes or names of the libraries just ask. Please help me i really have no idea and all the search i did was empty about this.
I had exactly the same problem. Find out that AdBlock Plus is responsible for that. So, just disable all the extensions and reload the page
Just wanted to chime in for anyone that finds this googling their problem, this is exactly the right answer in my case as well. AdBlock Plus (in Firefox only, not Chrome) was generating random class names for images I have embedded in my nav bar for social media links.
Now I have to either find a way to get around that or anyone using ABP in Firefox will see a weird looking nav bar due to this issue. It's not exactly an unpopular plugin.
I work in both Chrome and Firefox and use ABP in both. Hopefully we won't have to find workarounds for this.
Is it possible that you're browsing on a mobile network connection? Some mobile networks modify the HTML/CSS for images so they can serve lower-bandwidth versions, but allow you to "fix" them later. For example, on T-Mobile, if I hover over an image it will give me an Alt tag telling me the keyboard shortcut to use to load the original.
Obviously this won't be the case if it's all local...
I had the same problem and disabled all extensions in Firefox and then it was gone. Not sure which extension is the guilty party, have too many to chase it down by disabling each of them one at a time. :)