I have a little problem with my website. As you can see on this page part of the accordion content doesn't resize even though it should be responsive. The headlines do resize.
Could you please have a look at my page and the source code and help me figure out the error?
Related
I've added Nivo Slider to a wordpress home page. I've used it before, and I've followed the steps exactly, but the slideshow does not show up at all. If you view the source of the page you can see the code surrounded by "Nivo Slider" comments. If I take the script that fires the slider completely out, the images appear, but with the script included the slider vanishes. I hope someone with fresh eyes can spot what I'm overlooking. Here is the link:
http://phillipsandphillipslaw.com/
Edit: I found that the height setting of "auto" was preventing the slideshow from showing up, so I set it to the height of the images, and it appears, but it still isn't working. So it seems that something it breaking but I can't determine what it is. I don't get any errors in the console, so I'm stuck in the diagnosis.
It must be a conflict - but I'm not sure how to rule that out.
So basically, I made a simple website.
I am using bootstrap along with masonry jquery and google maps.
This is the basic page of my website.
How this website works is like when gallery is click, index page will fadeout and gallery page is faded in.
Lets go straight to the point which is my CSS. I am wondering what is wrong with it since I am encountering this problem.
My masonry images for gallery will overlap each other but if I place things out of the division class section. Everything is fine. Same goes for the google map width problem.
Things will only be ok after the window is resized manually.
Here are the SS for the problems
my entire css link
http://pastebin.com/kqWaszqF
my custom js link
http://pastebin.com/uqSvaMeT
my index page link
http://pastebin.com/eKHyJV95
As you can see, if I place all this codes for gallery and map outside of everything will be working fine and great but if I put it inside of that . This the above problem happens.
I tried everything like min-width: 100%, width: 100% or whatsoever. Seems like this problem always exist. Even if I setTimeOut to my javascript for masonry and googlemap, it works sometimes but not perfect as it also fails.
Can some kind soul please help me out here?
You need to provide a fiddle with html so i can test it in order to help you.
Pls check this link, http://provenwebconcepts.nl/VE/
This site is responsive, but slider is not responsive, if you resize browser screen, you can see the issue, after refreshing the page, it becomes okay for that particular screen.
I have applied it from this site, http://coolcarousels.frebsite.nl/c/2/
So can anyone help me to make this slider responsive?
or if you can provide any reference link of responsive slider with similar functionality, that would be great.
Thanks in Advance !!!
Do you know any script which can help to achieve effect like on whis website: http://www.julianabicycles.com/
When you clik on any bike, you can see lightbox sizing effect, but most important is that it is fullscreen.
I tryed to achieve look alike effect with colorbox and similar scripts, but i cant find option for width and height 100%.
I also tryed to examine code of that website, but i consider myself newbie in js, so that's why i'm looking for your help.
Thanks in advance!
That site is using swipe.js. https://github.com/bradbirdsall/Swipe
But, colorbox has a width parameter. The 100% will be of the containing div, so make sure that is also 100%. You might want to show what you've tried.
Example here: http://jezebel.com/5896408/racist-hunger-games-fans-dont-care-how-much-money-the-movie-made
Click on the 3x3 Tweets screencap they have up. I love the way the lightbox makes a scrollbar. I viewed the source and inspected the element via Chrome and don't see any script that stands out, so I'm guessing it's probably something custom-made.
If so, does anyone know of similar scripts that look like that lightbox and can have a scrollbar effect like that? It's gorgeous!
Edit: I found the code, and I do not think they use a modified version of lytebox: http://ganja.gawkerassets.com/assets/base.v10/static/base.v10.jqueryplugin.20120424_8.js (ctrl/cmd + f for 'glimage'. They use their own thing. Still, I am having trouble finding the perfect jQuery lightbox with presentable vertical scrolling if the image is larger than the windowWidth.
It seems that they're using a modified version (glytebox) of this script:
http://lytebox.com/
IMHO, their lightbox isn't anything special. The scrollbar is probably something that most lightboxes display when the content is too big to fit on the screen.