Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
It seems that the bootstrap carousel images are being given a height/width attribute by views or bootstrap_views. This means that when the page is resized, or indeed viewed on a smaller screen/device the image is cut off as the carousel "window" is shrunk. The image in shrink in mobile devices. Also caption is not aligned properly in mobile devices.
Try by adding img-responsive class.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 days ago.
Improve this question
Am trying to make images fit in bootstrap carousel and be responsive. But images appear to be stretching and not responsive. This is the code:
Previous
Next
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
For some reason my website shows two headers (the Desktop Header + the Mobile Header) when I open it on my smartphone. Can you imagine what the cause for that is?
https://www.globalmarshallplan.org/
Because in small screen resolution appears additional block for header, but existing block (for desktop) don't hide.
(x-hide-xs x-hide-sm x-hide-md) add these classes to the desktop version
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
Currently I have a navbar set up however when I shrink the tab to tablet size, the navbar stacks and looks really weird. However, when I shrink all the way to mobile the problem is fixed. What is the best way to determine when the navbar shrinks to hamburger? Ideally for me, this would be as soon as the navbar headings begin to stack themselves.
If you're using bootstrap just check the width size when it shrinks to mobile with Google inspect,
If the #media query triggers at e.g 500px just add some more pixels so it triggers when you need it to, for example if the navigation bar stacks and looks bad at 700px, change the #mediaquery size from 500px to 700px.
(That was just an example , because you did not post any code)
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
Basically, When I am on my PC on my site it is fine everything is formatted Correctly.
But when I zoom out it makes the background html colour show (Void kinda). No idea why its doing this but some users have pointed out that tablets and specifically iphones show this just from normal browsing.
Not sure as to what kind of code I can show as an example so just checkout the site: http://toolnet.work/
You have to use CSS Viewport Height unit where 1 vh is relative to 1% of the height of the screen.
div#page-wrapper {min-height:100vh;}
or
<div id="page-wrapper" class="gray-bg dashbard-1" style="min-height: 100vh;">
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
So I am making a test website and I all text images, and navigation text is in the middle of the page and there is a lot of space on the side. how can I use more of the space on the side?
Use your CSS to define the size of your main content. If pixel size (say width:1000px) isn't enough, then set the width to width:100%.
In any case, you are going to have to do some serious research on CSS and how to use it.