I have made this website here: http://dijon-egg.com/Possum/
If you click on green big dot button, it takes you to page2. My problem is I can't figure and fix the menu being too big on page 2 or change view of carousel on page 2 so full carousel can show to us.
As I looked at your source code, I guess you should somehow add the .cbp-af-header-shrink class back to the header, when you click the green button.
Related
I'm making portfolio site, where I have a slider for each project and inside it there is second slider for different images.
Sliders working fine but can't make the button "myBabel" disappear when viewing "myBerlin".
Also, I can't add second button to make the "myBerlin" slider work.
I want to add one button that either controls all the inside sliders (the slidshow that contains are controlled by left and right screen buttons) by one button in the middle or one button per inside slider that moves with it.
I tried adding "myBerlin" to the onclick="myBabel();..." but then my sliderscript doesn't work anymore and skips most of my images. I also tried adding the button in the slider itself but doesn't work.
Anyone has a solution? I tried different solutions already.
https://jsfiddle.net/r87dc1j5/
I'm working on this site: http://editingplus.com.au
In the submenu Resource > Getting published, at some screen sizes when a link is clicked, instead of navigating to the link the submenu jumps to a different position and then closes. A second attempt at opening the menu and clicking the link works, but only if you try to click the same link--clicking a different link means you have to start again and click that link a further time.
This problem only occurs at smaller screen sizes where the Getting Published submenu doesn't fit to the right of the Resources submenu. Clicking on the Getting Published submenu makes it jump briefly from the left to the right of the Resources submenu before closing. At larger screen sizes where the Getting Published submenu fits to the right of the Resources submenu, links work on first click.
This screenshot shows the situation of the Getting Published submenu being to the left. It's when it's like this that the menu jumps then closes.
This is a problem with JavaScript--if I disable JS on my browser and the site falls back to CSS only menus, the links work first time.
I haven't made any custom menus. The site is using the Mins theme from GoDaddy, which is built off the Primer theme. As far as I can tell, neither of them are using any custom JS for the menus, and all the JS is standard WordPress JS.
StackOverflow recommended I check out these two other questions:
Jquery Drop Down Menu. The sub menu disappears when clicked. So, How to make the submenu stays when clicked?
Submenu disappearing when clicked in the submenu in wordpress
However, those are both to do with developing custom menus, and those menus not working ever when clicked, rather than only sometimes not working at certain screen sizes.
I'm guessing I will need to add some custom JS to this site to stop the menus not working, or somehow disable the JS so the menus roll back to pure CSS, but I'm not sure how to do either of those things.
Any help would be much appreciated!
I'm very new to jQuery so only using the plug ins at the moment. I have downloaded a carousel slider which you manually slide, to view images with text information underneath, then you can click on more (at the bottom of the image/text box) and another box slides to the right with more info etc. I then added text links to this box that slides out to enable the visitor to see the images bigger using the light box plugin.
When I click the text link to open light box (to see the image bigger), the carousel text box that slid out stays in place (over the light box image) so I have to manually click the 'x' in the corner of the carousel box to view the image...
Does anyone have any thoughts on the sort of code I would need to implement into this... would it be adding code to the .js file of the carousel to tell it to close when lightbox is in use????? if so PLEASE what kinda thing would it be?
Try to find the css classes of your lightbox popup and of your carrosel and set the biggest z-index to lightbox div and a not so bigger to the carrosel div. In this way the first will appear over the last one.
I have a problem with my carousel. I've searched for similar questions. But found nothing.
I have make a carousel with three sections and a big image. And the carousel have a right and left navigate button. In the beginning, the first section is show. With a right carousel button. The left button is hidden. Because you can not click on the left. When you click to the other slide. The next section is show and the background image is animate 1000 pixels to the right.
You can see here the example: Example on jsfiddle
But now the problem. When i am on the first section. I have a right navigate button. The left button is hidden, because you can not click on it. When you are on the last section. The left button is show and the right button is hide.
But the problem is the middle section. When you are on the middle section. You have a navigatie button to the right. But not a navigate button to the left. And when I'm in the middle. I also left. And not just to the right.
How can i fix this in my script. Thanks for help.
You can change the code and see the code on jsfiddle.
Here you can see the code and example
I've made an example of my idea here: http://jsfiddle.net/upyZH/5/ , but the problem is still there. Firebug keeps telling me that the image sprite.png was not found. Perhaps that is your problem? And what are all those random charcaters in the css?
EDIT: Here you go: http://jsfiddle.net/upyZH/8/ , works like a charm :)
Have a look at my fiddle here: http://jsbin.com/abape3/14 It has the left and right buttons and works like what you've described.
I've created a custom Fancybox implementation that displays the title on the left-hand side of the image. The problem is that inside any galleries, links inside the title of the image can't be clicked because the fancybox-left link sits above it and blocks the click. You can click the first link in the gallery because the left button does not appear.
I've tried changing z-indexes and all that, but am currently stuck. Any help would be great.
You can find the implementation here.
You can add this css
.fancybox-left {
left:7.5em;
}
this will move left link to the right (it will display on the image)