Is it possible to make timeline like this (horizontal on desktop, but vertical on mobile devices)
mobile ver. like this https://bootsnipp.com/snippets/featured/timeline-21-with-images-and-responsive
Thanks a lot!
Use Following Code
For horizontal Timeline this is best
https://codyhouse.co/demo/horizontal-timeline/index.html
Related
I have a website http://www.vinjerac.com which has an image slider.
The complete site is responsive, but the slider content does not fit the viewport in mobile devices and the website looks distorted.
Can you please suggest a solution for the same.
Thanks
I did have a look at your site, and found you are using bootstrap for the responsiveness. And also a plugin for the slider.
Bootstrap is not designed to work with other plugins.
One workaround would be use a bootstrap slider which is also called carosel instead of the plugin that you are using you find the bootstrap carosel here
Please let me know if you need any other information.
I am building a website based on wordpress theme which should be responsive. But if I resize the browser window and make it smaller, the menu just hides somewhere under the header. Is there anyone capable of fixing that?
The Website
you can use bootstrap framework for responsive theme
work with bootstrap is easy
bootstrap
I am bit of a noob when it comes to bootstrap but what I am trying to do is have a side menu when in desktop or tablet mode and a fixed top navbar in mobile view.
I am reverse engineering a simple theme http://startbootstrap.com/template-overviews/sb-admin/
I have removed everything from the bar I just can't get it to dissapear in non mobile resolutions. I'm sure I am being stupid, thank you for any advice.
You can use Bootstrap's responsive utilities
With these you can give the navbar a class of visible-xs which would only show up on devices with a resolution less than 768px.
I would like to do the page transition in the mobile app by using html5 and css3, how can i do that? I don't want to use jQuery, because it is very heavy. can anyone can suggest another framework to do page transition in mobile device?
How about
MooTools? Link here
SenchaTouch(libraries specifically for Mobile devices) link here
We have developed a small control that is always meant to be at the bottom of the screen on out site. However when I view the site on the ipad the control does not stick to the bottom it floats in the middle.
Whats the deal with fixed position on the ipad? Is it not possible?
Does the ipad use safari mobile?
I think you should read this.
Since iOS 5.0, position:fixed is also implemented on the iPad: http://caniuse.com/css-fixed, though there are other problems, see Disable scrolling when changing focus form elements ipad web app .
Fixed header/footers for mobile devices are tricky. Using fixed positioning doesn't work as explained in the article posted to this thread by Knu.
I've found two solutions that should provide some relief. One is with jquery mobile and the other is iScroll. Both allow for fixed footer/headers.
My problem is that I'm having a hard time combing the fixed scrolling with other effects in the iPad. I hope this helps.