I'm trying to discover why some links aren't clickable in chrome only and on desktop view. The links are clickable in safari and firefox, so not sure what's causing this. Also on mobile view, the links work although I cannot see any relevant changes to cause this.
The site is https://www.bhrhospitals.nhs.uk/ and I'm referring to the 'latest news' section. Both .blog-post-title and .full-story-link should be clickable.
Also I rarely create posts that link to code on external websites, so when doing this is it ok to post just the link and relevant HTML? The code can be found by just inspecting the site.
Thanks for any help here.
From the class name of your slider container, I assume that you're using the bxSlider. You need to disable the touchEnabled option.
$('.blog-posts-list').bxSlider({
touchEnabled: false
});
Related
Youtube, Amazon, and a few other sites have a full bookmark image showing for their website. Mine is only showing my .ico. How do I code in a custom image for my blog? Is there meta tag for it? Thanks.
Edit:
Here is a screenshot of http://iconhandbook.co.uk/ in "Top Sites" in Firefox mobile:
Here is the same websites icon file:
http://iconhandbook.co.uk/favicon.ico
Take the time to look at their source code for their other icons.
So again my question: How do I get the same result as this website?
You can use the following extension to customize the image shown for pinned tiles, among other things.
https://addons.mozilla.org/firefox/addon/new-tab-tools/
I've just researched your question and there's result:
No, you can't add your custom bookmark icon. It's only available for big companies now.
There's no meta-tag for it. But you can try to do these things:
Change og:image of your blog. Possible it can help you with Chrome as described here
Add more apple-icon resolutions and android | wp icons
Fill your favicon by bg-color. I've tested some sites on Firefox iOS and found that's one, who has single-tone background and looks like you want.
I hope it helps you
I'm not an expert in web and I composed and updated my website recently. I ran all the test that I could on DreamWeaver CC and tested on multiple mobile devices (tablet, android and iphone); all seems to work fine. Until I uploaded the site to my server, the site start to act weird.
1st problem:
It is a portfolio website with individual pages to corresponding projects. On each project page, the first image on the lightbox has always gone missing; but clicking into the lightbox I can find the missing image (the preview image and the lightbox image share the same source so if the lightbox can find the image it implies that the image is on the server and the path is correct).
2nd problem:
when the browser is shrink below certain size, a toggle menu will replace the content on the header, clicking the toggle menu will show a pop up menu to site links. For some reason, after uploading the site to server, the toggle menu pop up never work.
3rd problem:
The above problem is never apparent on desktop browser(all image shows up correctly; toggle menu works). To make the problem more complicated, I can't confirm if it is device or browser oriented problem. For example, the site works on chrome browser on my iphone and nexus 5(android), but problem occurs on my xperia tablet(android) chrome browser; on my xperia tablet, the site works perfectly on firefox.
Does anybody has any idea what the potential cause to the problem, and perhaps a direction to a solution?
Here's the link to my site: http://www.itsatommy.com
Thank you for your time and look forward to any reply.
Looks fine to me (Google Chrome), you need to use media queries for some certain resolutions. You also need to use some cross browser css tags lide "-webkit, -moz, -o" etc.
I'm looking for help as I'm stuck with links not working on mobile device (Safari, iPhone at least).
I'm using code from codrops, it's an elastic dragging animation. I'm looking to add links inside each cards ( <a> inside each li element).
It seems to work on a computer, but not on a mobile device. The link is shown, you can tap it (click) but it doesn't send you to the destination, it's like it's not working.
I guess it's from the CSS animation or maybe modernizr but I'm really not an expert and I need your help !
Here is a link to the original pen with a link on the first image : https://codepen.io/imromain/pen/gwdRzo
Thank you !
Romain
I recommend you to open an issue on the original project on github
Then, the creator might help you better.
i am currently at college studying web design and devolpment, i am working on my portfolio and creating a website for someone, (unfinished) if you go to this link.
http://www.mattwoodsfitnessandweightloss.co.uk/
and randomly click a few links [ Home page / About / Our Studio ] multiple times etc you will notice the "about matt woods" sometimes jumps out of the table or completley dissapears all together, i didnt notice it on Firefox because it dosent happen but checked on IE and it seems to only happen on IE, its also happening on a friends IE so its not just mine.
EDIT: here are some screenshots:
Can anyone help?
Cheers.
Different browser's render the padding and width of the html element differently. so if you want a consistent look across all the browser you should consider adding a reset style sheet to your page.
Download the following stylesheet Download and add it to your webpage.
I have a question regarding how to make the same website appear consistently in different browsers on different platforms.
The following is a website that I made for my professor: http://youlab.wustl.edu/Home.html. The site itself was made using iWeb while the drop down menu was manually inserted using an external HTML code provider (SoThink DHTML).
While Firefox displays the site correctly, all the other browsers had some sort of problem displaying the site.
Internet Explorer: none of the links work
Chrome & Safari: the drop down menu is shifted all the way to the left, and were not clickable since it disappeared when the mouse moved towards it.
The movie on 1 page doesn't work either.
Could someone tell me what is wrong and how to fix the problem?
Here's your answer
http://en.wikipedia.org/wiki/Cross-browser