HTML/CSS - Slideshow nav button disappeared - html

I have been making a website for my private business. Been loving making the website. Back to topic..
Yesterday I was having an issue with my menu button not working with my slideshow. After doing a lot of research online I found out that I had an issue with my two jQuery plugins that I fixed. Everything was smooth and it look amazing! And than this day comes and ruins it all. Now all of a sudden the arrowkeys
This might be a stupid question but can code change in one day? Or is this a human error. I actually haven't touched the computer at all today before now.
Im so confused.

No code doesn't change in a day if it's untouched. Likely something that happened is that your browser had been saving cookies keeping CSS a certain way then finally the cache cleared and the CSS updated. That's my guess, post code or we can't help you further.

Related

Pure CSS Slider with Navigation and Autoplay

I've been struggling at work to figure this out for a week and can't quite figure it out and none of my friends know HTML/CSS so I thought why not ask here? I work on my company’s internal website, it's kinda crap none of the apps work. They have a carousel that we don't much care for that I'm trying to get rid of so I was going to make a new one... only issue is the site doesn't allow any scripts or java so I'm really just limited to basic html and css and I can't for the life of me figure out how to animations to work. I've figured out how to make a carousel by researching online that's fine that seems pretty straight forward, animating photos on their own seems straightforward... but trying to make an animation with any kind of control without java or scripts of any kind I can't figure it out. Was hoping someone could help me make a super basic one even if it's just a general image rotator with a hover to pause, but preferably something that rotates automatically and has navigation arrows or page dots...
I found this as something that might work for our site, but I need to reach out to our provider to find out why our host site is replacing the ">" between ".st-slider > #play1:checked" with garbage text preventing me from seeing if this animation will actually work (It should since there are no scripts running it and other keyanimation based css sliders work on our site). Then I would like it to look better... But to give an idea of what kind of project I'm looking at please see the link below.
https://codepen.io/miriamcc/pen/KzGGqZ
enter code here
Hello dear did you try to use
#keyframes
?
that would do the automated part of the work

Unable to open Dropdowns, Hyperlinks & Hyperlink Buttons on landing Webpage

I'm experiencing a weird issue with my live website landing page https://indigojobs.in/jobs, users unable to select any of the search filters, hyperlinks and hyperlink buttons. They appear as if they're frozen and not responsive at all. Issue appear a day ago and i'm unable to trace back any relevant changes. I don't even see any script errors. Issue persists in all browsers. All it working pretty nicely for an year but troubling now. Appreciate any help since its severity as hundreds of users are on live. Thanks in advance!
PS: It is working fine on mobile, issue is only on desktop users surprisingly.
I didn't reproduce your issue but you have lot of styles problems on 1920px screens
I inspect your website the problem is that div: ezoic-pub-ad-placeholder-136
if delete that all website work.
That div contain google ads.

navigation button images disappear on mobile when hit back button in browser

I'm an amateur web designer with HTML experience mostly. I'm building my own website for a hobby, and ran into this snag. I've only recently noticed it though, so I'm wondering if it has anything to do with the recent iOS update?
Like the title says, when I go to my website, everything is fine. Then I click on one of the links to the "Contact" page, let's say (or any of the links that take you to another page), and then hit the browser's back button to go back to the previous page, the button's image I had just clicked on ("Contact" button) has disappeared and I'm just left with the button's name I named it. This repeats for every button I click and then hit back in the browser. This only happens on mobile devices though (I've only had the opportunity to check on an Apple phone and iPad). It doesn't happen on my laptop. I've tried searching for answers to this, but can't find any. I've only just noticed this happening though, which leads me to believe it might be a software update issue? Although it's entirely possible I just never noticed before.
Here is my website so that anyone interested in helping can take a look and let me know what you think might be the problem/solution. Thank you very much for any help you may be able to provide.
https://www.atomicorchard.com/
It's okay on my end. Try optimizing your images and check your JavaScript. The problem may be occurred once that script is being executed. And try adding media queries.

Hubspot Responsive Layout Quirk

I'm working on a hubspot project that I got pulled into last minute and am having a lot of trouble with a particular issue. The page looks okay fullscreen but on mobile, I'm getting some crazy margin that is making the site look super funky. I've searched and searched through the elements with google dev tools and can't find any culprit. I was hoping someone either knows a common problem with this on hubspot or would easily be able to help me pinpoint which element is causing the problem.
A link to the site is
https://www.modev.com/amazon-dev-day-casual-connect-sf
Any help would be greatly appreciated. I'm driving myself crazy at this point.
Thanks,
Jon
I don't know Hubspot's templates so it's hard to say for sure. But tooling around with your site I tried to force the width of the HTML using jQuery
var screenWidth = $(window).width();
$('html').css('width', screenWidth);
It worked enough to show me that when scrolling down the mobile site something's off with the header that's hidden and shows on scroll. Either the class below or it's parent might be a good place to look.
cbp-af-header cbp-af-header-shrink

Jump to a specific entry not working for several browser

i was working with Screen and some Qwebkit based browser. I do thumbnails of specific entrys of a webpage via Achnor. That worked fine till some days.
The issue is that a lot of webbrowsers (including my crawler) aren't able to Jump to a specific Anchor of a post entry. This issue occours only on this specific Website by Blizzard Entertainment.
I took a look into the webpage several times with firebug but i can't see the reason for the Bug. I hope that someone is able to tell me whats wrong with it.
http://eu.battle.net/hearthstone/de/forum/topic/14899382319?page=4#69