Most voted "responsive-layout" 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…235 questions
Sort by count of
-
0
votes0
answers102
viewsProblems with Responsive
I started building a website today and my project should only be for mobile phones and tablets, so I studied a little bit about responsiveness. The problem is I made the site resolution-based and…
-
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
answer30
viewsI can’t get an element to wrap in a responsive layout
Good afternoon, I’m trying to make a layout responsive but I can’t get the product description to go under the image when the available space is too small. I tried with display:flex and float but…
-
0
votes1
answer288
viewsResponsiveness Bootstrap
In this loan simulator, I need it to be very responsive, but when I reduce his screen, his select’s don’t get below each other. This is a template.…
-
0
votes2
answers4389
viewsForce a DIV element into the bottom
Good morning, everyone. I need to align elements at the bottom of a mother div. This is a chat screen that messages are displayed whenever there are new ones at the bottom of the window. However, I…
-
0
votes0
answers225
viewsCreate custom CSS background
I’m having a hard time creating a CSS background like this : What I managed to do was 2 triangles "Gambiarra", but I wanted it to be a single object and also always aligned with the logo. Thus: As…
-
0
votes1
answer358
viewsDynamic Wordpress Menu with Bootstrap
Good morning, I request help for correction. I still don’t have much skill with all this. It turns out the code looked like this: (image: http://prntscr.com/j2ifbk) <div class="col-md-8…
-
0
votes1
answer60
viewsDoubt - Mobile Site
How can I get the Server to automatically identify that the User is being used by a mobile Device and send it to a mobile site
-
0
votes0
answers416
viewsMy responsive site does not load on mobile
I need help, I’ve tried searching everywhere. My site is responsive (www.sdalimentos.com.br), but when I try to charge it by mobile returns as not found. I need help , already put the metatag…
-
0
votes1
answer57
viewsHide a HTML5 and CSS button when on Smartphone
I made a responsive web application, which when you arrive at Checkout has two buttons: Print and Save. Only that the user (customer) on the smartphone clicks to print, even if there is no printer.…
-
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
answer42
viewsResponsive layout in an image
Good morning dear programmers, today I disturb you again with my questions of beginners. I wonder why I can not make this responsive image with reduced size(In case I put 80%), when I do this is…
-
0
votes1
answer55
viewsLayout Laravel 5.6
Expensive, I’m developing a Dashboard report via Windows 5.6 with bootstrap, but I came across something I don’t know how to solve in the layout. This is the problematic layout This is the excel I’m…
-
0
votes1
answer19
viewsIs there any tool for fluid site
Does anyone know of a tool that shows the size of the screen? for example as I decrease the size of the browser it shows me the screen size in px had a no github but I ended up losing…
responsive-layoutasked 5 years, 8 months ago goio 751 -
0
votes2
answers1101
viewsBootstrap Responsive no break for bass line
I have the following code: <div class="welcome-content row"> <figure class="col-xs-12 col-sm-12 col-md-6"> <%= image_tag('feed/welcome2016.jpg') %> </figure> <p…
-
0
votes1
answer41
viewsTable Responsive keeping width and height of cells
How can I improve this formatting so that this table is well represented on a mobile screen? You can adjust the code so that if the page width is decreased, new lines are created with automatic…
-
0
votes1
answer37
viewsWith Constraintlayout no more match_parent?
With the Constraintlayout feature, match_parent is no longer used?
-
0
votes1
answer955
viewsDropdown menu does not adjust the screen
I have a dropdown button that serves as a menu of the site, only it stays in the right corner of the site and ends up leaving the screen, follow print of the problem: I want it to stay inside the…
-
0
votes2
answers408
viewsResponsive content with fixed size sidebar
Is it possible to make a layout with flexible lagura content and a fixed-size sidebar? Example <body> <header></header> <article></article> <aside></aside>…
-
0
votes2
answers360
viewsPage mode landscape does not fit
I put a photo of the background, being 100% tall. When I open the site by mobile (or Chrome/Firefox console) in landscape mode, the image background does not take up all the space. In desktop mode…
-
0
votes1
answer162
viewsFont-size Responsive
I need a help to adjust a detail on the client site, because I’m generating some cards on the screen when registered, but as the screen resolution is not good, so, I come here to ask for your help…
-
0
votes0
answers695
viewsClick the menu does not work on mobile
I made a responsive menu that in the browser works, but on smartphone I cannot click on the child link. Example user menu --> create. When I click user it opens the options (list, create and…
-
0
votes2
answers3920
viewsWebsite is not getting responsive with Bootstrap
I made a site using bootstrap, but it is not getting responsive on mobile, it simply appears as if it were on a monitor and then with scroll bar both horizontal, and vertical...…
html css twitter-bootstrap bootstrap-3 responsive-layoutasked 8 years, 9 months ago Gabriel Garcia 207 -
0
votes1
answer97
viewsHow to adapt this code to different screens
I’m having a problem using a slider vertical, the Swiper Slider I’m using the Mousewheel control. My problem is this, how he’s a vertical slider, need to set a size for the height, so I can’t make…
-
0
votes2
answers1646
viewsMinimum height of screen size, with materialize?
I’m trying to make a screen of login simple in the MaterializeCSS, In it I have a logo, a panel with the login form and the footer, as it is little content, on some screens the page ends and below…
-
0
votes1
answer142
viewsFixed div when scrolling in different resolutions
I have the following scenario. A banner at the top that picks up the entire screen viewport, regardless of the resolution Below it a menu that when scrolling down it stays at the top following the…
-
0
votes1
answer97
viewsResponsive menu, bugs on android 6.0.1
Well, I’m performing a responsive menu, it was working perfectly, and it’s still on most devices, the problem is that, in the second image, using a mobile phone with the newest android version the…
-
0
votes1
answer117
viewsResponsive mouse events with canvas?
I have the following code: var block = false; var context; var drawing; var rect; $(function() { context = $('#canvas')[0].getContext('2d'); drawing = false; rect =…
-
0
votes2
answers2763
viewsProblems to display my site on Chrome
Ola, I’m having trouble displaying my site on Google Chrome. I edit the codes mainly in css, in mozila displays on the fly, but in Chrome it takes a long time (after updating 20 times) that works,…
-
0
votes1
answer103
viewsHow to adjust email text to the box?
The image was obtained with the browser resized to the dimensions 390 X 650 approximately. I would like to know how to do the text "[email protected]" that is inside a h4 fits the…
-
0
votes1
answer105
viewsHow to use Data Binding with distinct layouts on Android?
I’m making a app Android that displays a list of addresses and a map with these addresses. Vertically, the two fragments appear on tabs inside a viewPager. /res/layout/activity_main.xml <layout…
-
0
votes1
answer1445
viewsHow to make 3d div responsive with bootstrap? as if you had left the div?
I need the site to be all responsive. I’m wearing a bootstrap. the way it is in the image below: --> my HTML code<-- <div class="col-sm-4 "> <div class=""> <img…
-
0
votes1
answer933
viewsHow to align text in responsive?
People are making the site politicadascidades.com.br and when I change to the responsive design I come across this This is the welcome screen in desktop version, the text is with align="center" and…
-
0
votes1
answer77
viewsHow to block Scroll Javascript function on different screen widths
I am with this script, it has the function to make a menu appear when there is some kind of scrolling on the page, however I would like that from a certain width of page this script was not…
-
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
votes0
answers43
viewsGrids Boostrap Help
Good personal evening I am with a problem I am learning to make a site, I am with some doubts related to grids system I gave a researched not understood very well so I came here in the forum , this…
-
0
votes0
answers147
viewsBroken layout using grid
I’m using a grid system for my layout as seen below: .artigo { margin: auto; width: 70vw; display: grid; grid-template-columns: minmax(200px, 3fr) 1fr; margin-top: 90px; } @media (max-width: 1400px)…
-
0
votes1
answer478
viewsDiv with same image height in Bootstrap
I have an image to the left and another 4 blocks to the right. I needed the four blocks to follow the height of the image, even when changing the resolution. HTML: <div…
-
0
votes1
answer51
viewsWhy do media queries work like this?
I was creating a responsive menu, and u noticed that if I don’t put the media queries from the smaller to the larger it doesn’t work properly. @media only screen and (min-width:560px) { .menu li {…
-
0
votes1
answer1430
viewsNavbar Toggle button does not appear
I am making a responsive menu bar with Bootstrap 4, but when I reduce the size, the Toggle button to open the collapsed menu does not appear. Follow HTML and CSS code: HTML: <a…
twitter-bootstrap responsive-layout bootstrap-4 bootstrap-toggleasked 7 years, 4 months ago César O. Araújo 11 -
0
votes1
answer526
viewsHow to make ul inline responsive?
I want to make this code responsive, but always stop being responsive when there are two lines and three columns. nav li { display: inline-block; } nav a { display: block; padding: 1em; margin:…
-
0
votes0
answers78
viewsBatches with fixed sizes and positions in responsive content
Friends, I am in the middle of an academic bias work, and I have the mission to transform this map into virtual and responsive content. For that I already have a structure of Divs self-generated…
-
0
votes2
answers68
viewsWhy isn’t this code responsive?
Can anyone show me where I’m missing and my code doesn’t become responsive? (I use bootstrap) I wish there was one element underneath the other... Here’s the code: <div id='container'> <div…
-
0
votes0
answers19
viewsMedia queries Mobile does not work
I am making a website, in the Responsive to mobile @media only screen and (max-width: 767px), in the Development of the site I was Reducing the browser to make the style for each break. But by…
-
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
answer57
viewsDifferent image and responsive text alignments
I’m wearing bootstrap. After the image of the car, bugged all my mind. How do I make this alignment of the images and texts under the cart and responsive? <html> <body> <div…
-
0
votes0
answers27
viewsHow to set a minimum width for a responsive layout?
I’m working on a "responsive" HTML layout whose internal elements adjust to the width of the desktop screen and devices mobile. However, I cannot structure my layout functionally below 480px.…
-
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
votes0
answers167
viewsNavbar Bootstrap opening wrong link on points of the site
On my site I have a menu that I add with header.php in certain parts of the site, home and its symbolic links. the problem is when you go from the horizontal menu to that button that opens…