I just finished my new custom Bootstrap Wordpress theme and added a carousel. It works fine, except it's not responsive. The images get pulled out to an unwanted height. I tried everything, but I can't seem to fix it.
Here it is on my website (with uncompressed css): http://your-juliet.net
Does anyone have a clue? I won't mind removing the caption on the carousel in smaller resolutions (but I rather not). Thanks so much!
Fixed, deleted all the custom styling and put the carousel in a col
Related
I had lightbox on my site and it was working fine. I updated the pages with Dreamweaver CS6 to a Fluid grid with a side navigation bar so the site would be more mobile friendly. The result is that my lightbox images are distorted and the frame is missing from one side. When scrolling through the images they will increase in size by a fraction and distortion will lessen. I figure there is a CSS conflict and I can't figure it out. Web page is located here,
http://www.crawfordcountyhistoricalsociety.org/Pages/Indians.html
U should remove this style, max-width:100% and padding: 10px.
I made my first Wordpress for learning purposes. I have downloaded Themekraft, and I added my own customized bootstrap header navbar, because I want to customize as much as I can.
I have some sections (only "inicio" and "articulos" are working), but when there is an article with photo (sometimes without photo happens the same), I have realised that blue navbar moves.
I tried to fix it in many different ways (adding a max width for the body
and navbar, deleting a lot of margins and/or paddings...), but I have only discovered that it is a problem of paddings... I think.
I mean, when I add, for example, a padding-top:10px for the body, everything seems to be ok... until I have an article or two. When it happens, it seems i have to add more padding-top on the body in order to "fix" the problem.
I have searched on SO suggestions, looking for some clues, but I found nothing.
Bootstrap navbar moves right on scroll
Bootstrap navbar covers top of section when linked
What could I do? I have uploaded the site to a server so you can check it.
http://pruebaint.esy.es/
As far as I can see it the issue is not any of your padding. Its the scroll bar that is causing the problem as the content moves somewhat to the left. If your page has lesser content without vertical scrolls you will not see the nav moving.
Is there any other problem that you see apart from horizontal movement?
I am trying to implement bootstrap carousel to rotate or slide one image at a time among the multiple images in carousel.
The answer here works perfectly fine for a single carousel placed in a page. Bootstrap: Slide only one image among the multiple images in an item of the carousel
But I'm using multiple carousel inside single page. So, I modified the existing to target only the certain carousel. Right after changing css, the carousel behaved weird and now slides with a annoying animation like thing. Demo here: http://www.bootply.com/hL5UY8Jnaw
Any suggestion would be highly appreciated.
I was somehow able to correct that CSS bug using some classes and bit more css. You can check the working version here http://bootsnipp.com/user/snippets/vvl6r
I just started with ROR and I'm following the One Month Rails tutorial. This includes the Bootstrap responsive navbar. I now added some pins to my pinterest clone. I noticed that the scrolling does not work when the navbar is in full size. when i make the browserwindow smaller so the navigation gets into the small navigation symbol i can scroll the page. You can probably see best on my heroku link: morning-shore-7790.herokuapp.com
It would be great to get a hint on how to solve this.
Thanks a lot
Looks like you've nested the container class inside the navbar, which will always cause this behavior.
If you're using ERB it means you didn't close a div where you should have, if you're using haml or slim it's most likely an indentation oops. If you use chrome, safari or firefox you can see this clearly, just inspect the element and collapse the navbar, if all other content is contained within that, you still haven't fixed it.
If you still have questions post your layout and your index.
I am building a personal site using a Zurb Foundation template (blog) and I have a resize issue. Basically, I wanted to make it responsive but I guess I messed it up along the way. I placed the footer in a larger container, and on resize it's not positioned where it should.
If anyone could help me keep it down, I would be grateful.
Here it is:
http://arbal.netii.net/
All of the height:100% values seem to be the problem. You may need to override them in a media query so they are reset to default on mobile.