Most voted "responsive" questions
Responsive Layout is an approach used to develop user interfaces, providing great viewing experience, easy reading, navigation and adaptability to a wide range of devices (from computer monitors to mobile phones).
Learn more…105 questions
Sort by count of
-
0
votes2
answers7337
viewsHow to Make Square and Responsive Divs
I need square elements that have responsive height and width. But how do I create a responsive height that is always equal to width in %? Thank you!
-
0
votes1
answer58
viewsThe site does not adapt to the mobile version
I made a site that has some images side by side, horizontally. What happens is that in the mobile version these images should be below each other and with the text below each, but these images are…
-
0
votes1
answer148
viewsForce container > Row > col to be non-reresponsivel in Bootstrap
I have the following family Tree: https://codepen.io/chuongdang/pen/lcnsC It is possible to realize that the responsiveness of a framily Tree does not exist. To have a good visibility of this Tree,…
-
0
votes2
answers821
viewsHide table <td> in some mobile resolutions
I have an HTML page in bootstrap it is already responsive. But I need that when you access the site in a certain resolution defined by me hide only one of a table that is possible?
-
0
votes1
answer76
viewsMobile menu, change font color
I can’t change the font color in mobile mode, it turns white, and if I change the CSS to white it changes from the site, follows the menu code. #advanced_menu_toggle, #advanced_menu_hide { position:…
-
0
votes0
answers59
viewsHelp with responsive bootstrap
I’m developing a website with bootstrap. The site is already ready for desktop, but I’m having a hard time making it responsive. On the site I have several Ivs, one below the other. When I decrease…
-
0
votes1
answer116
viewsBootstrap: Responsive does not work with hosted website
I am doing a tcc for my technical course and as one of the questions was to make a responsive site, I decided to use the bootstrap, however, when I hosted the site, it presented some problems. When…
-
0
votes1
answer120
viewshow to align 6 Articles elements in two rows?
I’m making a responsive Mobile Fist site, and in media query I’m trying to align the two-row Articles are 6 Articles, right below will be the codes: /* SERVIÇOS*/ .servicos {width: 100%; text-align:…
-
0
votes1
answer2919
viewsHow do I prevent one element from overlapping another?
All right, here’s the deal. I have a div, which in my case is the body of the page, within this div I have two edges, the right and the left, and inside the div I also have a flexbox with some…
-
0
votes2
answers13324
viewsChange content according to screen size
I have a link with a text that is normal when displayed on the pc, however, very large for mobile phones (where I would use only one acronym). I need a way to change the text according to the…
-
0
votes0
answers266
viewsPercentage problem and float: right
Hello. I need to make a menu with icons to get to the right of the Header. The icons are divs with background-image, and the measurements are relative and in percentage (%). The idea is that the…
-
0
votes1
answer157
viewsSite does not get responsive in Mobile dimension
I’ve been creating the website with the code below but I can’t make it responsive in the MOBILE part (320x568), the content is on the left side and on the right side is a big white part in the whole…
-
0
votes1
answer76
viewsApply responsiveness
As we can see in the first picture with the extended screen is right but when I resize the screen the tables leave the organization, can help me to keep the tables resizing according to the screen…
-
0
votes1
answer225
viewsResponsive embed bootstrap does not work
I am trying to implement the embeded Responsive of bootstrap, because I need to put a video (.mov) on the site, but it is not working. source: http://getbootstrap.com/components/#Responsive-embed…
-
0
votes1
answer1355
viewsMDI Javafx Window: how to make an Anchorpane responsive to Anchorpane Parent
I want to know how to make my Anchorpane internal responsive example: i have a main screen and on this main screen has a configuration button. When I click this button, opens another Anchorpane…
-
0
votes2
answers2400
viewsPutting a responsive video on my web page
Hello, I need to put a video on my site like this one: http://www.orionbranding.com/ All the examples I think are full width videos, q occupy the whole screen. The code I put below leaves the video…
-
0
votes1
answer899
viewsUse bootstrap or CSS manually for responsiveness?
I have a question in which situations are more valid to invest in front-end knowledge, including responsiveness. It would be more important to trust Bootstrap to leave your website responsive, or it…
-
0
votes1
answer462
viewsBootstrap Collapse on small "Sm" devices
I have a somewhat problematic menu. As I have some categories in the menu as the screen decreases it bulges and descends a new menu below. Then I realized that my bootstrap only collapses on the…
-
0
votes0
answers88
viewsInserting a responsive background image in html.Wig for Drupal 8
I’m trying to insert a image as responsive background in a html.Twig to the Drupal 8, but to no avail. I’m not finding a solution to this. Even better if it were something practical like a "put that…
-
0
votes3
answers839
viewsGRID bootstrap system - col-Xs-X does not recognize width
I am studying bootstrap, and when formulating the GRID system a col recognizes the values LG, MD, SM, but does not recognize the requested XS. When I resize the browser to mobile size it always puts…
-
0
votes0
answers93
viewsMake a CSS responsive
I am developing a system with Asp.Net Mvc using bootstrap, but I want to give a different "face" to my login screen, I created a css but I would like to make it responsive, does anyone know how to…
-
0
votes1
answer716
viewsImage html mapping that works on mobile
Hello! I have a wordpress site with the theme Betheme installed. It features slides, among other features. I’m mapping an image and for that I used the Gimp. It worked almost perfectly, except for…
-
0
votes0
answers375
viewsResponsive text box
I have a text box on top of an image-map that’s responsive, that way: <div class="lala" role="main" style="height:100%"> <img class="imgg" src="../images/sellec.jpg" style="opacity:0;…
-
0
votes1
answer349
viewsBootstrap 4 - Fixed Navbar with White Background
I’m in trouble because I can’t keep my Navbar on a white background when she goes from 400px down. I want it transparent at the beginning and after 400px it gets a white background.Ps: I want to…
-
0
votes1
answer739
viewsBootstrap Responsive Navbar is not working!
<html> <head> <meta charset="utf-8"> <title>HARD PUNK - Strange, The Fish</title> <link href="./css/bootstrap.min.css" rel="stylesheet"/> …
-
0
votes1
answer324
viewsIONIC - Grid Responsive
Good afternoon, I have the following GRID with IONIC, it’s like this: <ion-grid> <ion-row class="cell-2"> <ion-col> Código </ion-col> <ion-col> Nome </ion-col>…
-
0
votes1
answer51
viewsHow to make multiple images responsive
section { font:bold; text-align: center; } h1 { font-size: 30px; text-align: center; color:…
-
0
votes0
answers99
viewsProblem with responsive website when opening on a mobile phone
Hi, I created a website with 2 Paralax effects to practice this feature via bootstrap. As it is a front end site only, I would like to test it by cell phone even (no functions change platform size…
-
0
votes1
answer37
viewsDoubt - media screen
Hello, good afternoon! I’m creating a responsive website, so I need to create the breakpoints to adjust according to screen resolutions. However, I have a problem where I can only touch the div in a…
-
0
votes1
answer27
viewsResponsive navbar does not appear when changing window size
I’m doing a full header with grid. The problem is I made a hamburger menu. So I made this function to click it appear and click again it hide. However if I enlarge the window(resize) after clicking…
-
0
votes0
answers81
viewsText on responsive image
I was able to make an image responsive, but the image will have to have a text on top and I can’t make the text responsive together. here is my code: h1 { font-family: sedgwick-ave; font-size: 5vw;…
-
0
votes1
answer66
viewsResponsiveness Css
@media screen and (max-width: 1100px) and (min-width: 600px) { html { width: 100%; height: 200%; } body { background: #f8f8f8; font-family: "Verdana", Times, serif; font-size: 18px; margin: 10px;…
-
0
votes1
answer43
viewsDifferent layout in anonymous window and other browsers
I am developing a simple site with html,css, in case it is necessary I put the code later. but the point would be I’m using grids with Row and col of bootstrap, when I open from normal Chrome the…
-
0
votes1
answer81
viewsWhy is the text out of line? and how to solve in bootstrap 4?
Continuing with my question made earlier, I am now using the following code. There was another simple problem that I am not able to solve. The text written "CLEAR FILTERS" is out of tune regarding a…
-
0
votes1
answer633
viewsBootstrap 3 - Grid of images
Hello! How can I make a responsive grid of images with Bootstrap version 3.5 that looks like this on the Desktop: And on Mobile stay like this: My code is this: <div class="row bloco02">…
html twitter-bootstrap bootstrap-3 responsive-layout responsiveasked 5 years, 2 months ago Gabi M 13 -
0
votes3
answers885
viewsTable not getting Responsive bootstrap 4
I’m venturing into the frontend just like the backend. I’m having a hard time making my table responsive. What is the best way to make a user profile,leaving it in cell phone size? <table…
-
0
votes0
answers74
viewsBootstrap video error embed in modal
I’m having difficulties to incorporate video from my site in modal, I put one on youtube and it worked but when I try to put my mp4 in error. I know the error is here <div class="embed-responsive…
-
0
votes0
answers32
viewsProblem with responsiveness in a div with reactjs and Slick Carousel
EN I’m having trouble getting the background of my div responsive, when I lower the screen horizontally and increase vertically, the background is "stretched", making the title and content below…
-
-1
votes1
answer146
viewsSite with Responsive objects!
I’m developing a website in BootStrap! He’s doing very well in a matter of being Responsivo. Only, Background is working as planned only on PC’s, we already smartphones He’s even cool, but by…
-
-1
votes1
answer127
viewsMaterialize is not responsive
I developed a site using the css of http://materializecss.com/, but it does not get responsive, I wonder if the materialize is responsive and if you have to do something to make it responsive…
-
-1
votes2
answers945
viewsBootstrap responsive examples please
Hello, I am new in this world of freameworks, and I have a lot of difficulty, I would like someone to give me a simple example of responsive div, which adapts to some screen sizes using the…
-
-1
votes1
answer44
viewsIs it possible to use 2 @media screen?
I have a problem, I use Media Queries: @media screen and it is configured with max-widht:375px. want to put a @media screen to max-widht:1024 Has as?
-
-1
votes1
answer22
viewsHow do I leave an active <div> only for one screen size? For example: only in 750px does it become active (I’m a beginner)
<div id="750px"> <a href="https://www.instagram.com/p/CKBoR2ZDlwL/" target="_blank" rel="external"><img…
-
-1
votes2
answers60
viewsHow do I show information from a particular location, viewing in responsive mode, on mobile?
I added the iframe from a certain place on my site, but location information, and suggested routes, do not appear when viewed in mobile mode, seeing on mobile. Here’s the way it appears on the…
-
-1
votes1
answer439
viewsHTML menu buttons do not work
Good evening guys, I’m making a mini website for the college’s Web Programming Test 1, but there were some problems in it. I made a responsive menu, with dropdown and Collapse for when the screen…
-
-1
votes1
answer627
viewsResponsive menu with CSS, HTML and JS
I’m making a responsive menu using visual studio. However, when I am leaving the page at 768px, the items (start, mission, about...) that should be when I click on the menu hambuguer, does not…
-
-1
votes1
answer1333
viewsHow to let a component occupy 100% of the remaining height
I’m trying to get this pink rectangle to occupy the rest of the screen, more specifically... responsive height, tried some shapes, but unsuccessfully. How to proceed? OBS: I’m using the…
-
-1
votes1
answer39
viewsI CAN’T ALIGN MY SVG TO THE TEXT ON MY LIST
I would like to align my SVG icon next to mine <li><a href="#">INFORMÁTICA</a></li>. I have tried using padding, margin but the two are moving together because the SVG is…
-
-2
votes3
answers2143
viewsHow to center an img within a div, both responsive, without losing responsiveness?
Personal what is the best way to center a responsive image within a responsive divtbm in % (in the case of a Row), that is to say that it has measures defined in pixels, with max-width: 100% for…
-
-2
votes2
answers37
viewsFooter is not being responsive
I made a website and the rest is responsive, no problem at all. But, my footer, it’s getting over other elements when I go to test on smaller screens. HTML: <footer class="footersection"…