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
-
8
votes1
answer5919
viewsOptimal maximum resolution for displaying content in mobile mode
Taking as an example the Bootstrap 4 grid system whose classes treat the content with breakpoints specific according to the screen width resolution of the device (considering the viewport as…
-
7
votes1
answer247
viewsCss in inputs using Affordance principles
To facilitate the development of responsive forms it is very common to put 100% width on inputs, and control their size through the width of a div as container, this technique helps when…
-
4
votes1
answer358
viewsBy Divs next to bootstrap
I have 5 Ivs, I want them aligned in the same line... But the center div is not aligned... <section class="content"> <div class="row"> <div class=" col-xs-2 "> <a href="#"…
-
3
votes2
answers99
viewsImages in Divs
I have a question about divs with imagens in the case, the doubt is as follows: If I have a div, with 400x400, how do I make an image with 200x400 (or other resolution) fit by occupying the total…
-
3
votes2
answers94
viewsEmail Marketing - Responsive
Someone has done email marketing responsive, I found several templates on the internet they work responsive in the browser more when triggering email by Outlook or virtual target and open on mobile…
-
3
votes1
answer876
viewsNavbar Collapse bootstrap does not push other div down
Guys, here’s the thing, I’m using the responsive bootstrap menu and I needed to click on the icon on the menu, to show the list ne by pushing the other Ivs down.... but when I click the list this…
-
3
votes1
answer669
viewsHow to place two Carousel, one next to the other with bootstrap
I’m working with a responsive website with Bootstrap. I have an idea to put two carousel, side by side, but I’m not getting, nor with float: left. I would post my code here but I’m a little ashamed…
-
2
votes1
answer1712
viewsTop corner responsive image - Bootstrap
Guys, ask me a question. How to insert a responsive image in the top corner of a section using bootstrap. Ex: this is the site that I am developing renpa.esy.es, however, in the fourth section that…
-
2
votes1
answer1224
viewsLeave Iframe Responsive, without involving it in any element
Guys, here’s the thing, I need to make an iframe responsive. Only to complicate matters, I have no way of getting this iframe wrapped in another element. Ex: <div class="content">…
-
2
votes1
answer614
viewsResponsive menu with grid layout
I’m learning grid and responsive layout and don’t know the best way that I could create a "hamburger menu" with it. So far I’ve managed to make my content wrapper move to the left and leave a space…
-
2
votes1
answer318
viewsResponsive site with side left
I made a site "responsive" that on the mobile is left side, someone could help me? Follow the HTML code: <!DOCTYPE HTML> <html lang=”pt-br”> <head> <meta charset=”UTF-8”>…
-
2
votes1
answer60
viewsDisplay:None in Modal and @media affects SEO
I’m trying to apply responsiveness on a site, but some menus of categories I transfer into a modal of the bootstrap that uses the display:None, in addition to causing some desktop elements to be…
-
2
votes1
answer1062
viewsHow to put responsive menu to overwrite
Hello, how do I put this responsive menu to appear in front? <header class="box-header"> <div class="box-topo"> <a href="<?php echo base_url();…
-
2
votes1
answer197
viewsPosition Fixed for desktop version and position relative for mobile version, how to do in CSS?
I know it should be simple, but I’m in charge here, I have a div with ID called Login and I have to leave it as Fixed when the navigation is made of computers, so in the mobile version this div will…
-
2
votes2
answers362
viewsProblem with bootstrap responsiveness
I’m having trouble aligning the responsiveness of my dashboard. Here’s an image of how it looks on large screens. But if I lower the screen a little bit it shuffles like this: Below the code snippet…
-
2
votes2
answers187
viewsCreate dynamic menu that adjusts the size of the div
Guys don’t know about css and would like to know how to create a menu that can have up to 5 options, so when I want to have only 4 options or 3 the menu width remains the same but div with the…
-
2
votes2
answers78
viewsmenu with inclined tab
hi, I am developing an html page and I am using bootstrap, I would like to make a menu with tabs and that was slightly cyclized to the right... more or less like this idea of the file... follows my…
-
1
votes1
answer2925
viewsHow to leave DIV "Responsive"?
I know almost nothing of the, diagmos, "Advanced" of the CSS! So I wanted to know how to leave one div well Responsive for users MOBILE. So here’s the deal: I’ve got divs with some footage, and some…
-
1
votes1
answer259
views1920px PSD getting huge in 1366px resolution
Currently I have started to receive Psds with resolution of 1920px ie, the site made for larger screens, but the designers have sent me the site actually made in this size, ie, fonts, images and…
-
1
votes2
answers85
viewsWordpress theme 'Minamaze' was not responsive when active
I applied the theme Minamaze of Wordpress which was chosen to be responsive, but it does not get when applied. Only plugin I have active is for an email form (contact Form7). Version of wordpress is…
-
1
votes1
answer327
viewsShould an image be resized in the browser?
I have read in some places that we should not resize the images we request from the server in the browser. But I saw recently that it is good to have a large image with a low quality so that when…
-
1
votes0
answers36
viewsProblem with responsivel bootstrap menu
Hello guys to problem to leave the responsivel menu of my site, I will send the html and css so that someone can help me. vlw. HTML: @media(max-width: 1024px) { body { zoom: 0.80; } }…
-
1
votes2
answers460
viewshow to make an embed with width and height fixed responsive?
Someone knows how to make this embed responsive, I can’t because it brings a width and a fixed height? <iframe src="//vshare.io/v/f171731/width-470/height-305/" width="470" height="305"…
-
1
votes1
answer187
viewsUse of picture tag showing multiple images simultaneously
Hello, I’m having some problems with the picture tag, in this case we use the tag to show images responsibly, adapting the image for each device, but if I want to show more than one image…
-
1
votes1
answer791
viewsResponsive image mapping
I mapped the image as in the example below, but it does not work for mobile devices, it is totally disfigured, what the solution? <img src="CAMINHO DA IMAGEM_01" alt="TEXTO ALTERNATIVO DA IMAGEM"…
responsiveasked 6 years, 11 months ago Egidio Ely 31 -
1
votes0
answers165
viewsModifying a third-party/external Script (JS)
I need to use an external script that generates a form (so far so good, it is working) ... Once the script is inserted into the page, I need the form Abels (generated by the script) to be responsive…
-
1
votes1
answer787
viewsLimit amount of bootstrap mode characters
I need to add a character limitation. I want the main page to display only a percentage of characters, example 100 and when the user accesses that post, show the full news. But my doubt is that I am…
-
1
votes0
answers41
viewsProblems with ASP MVC5 Responsive HTML
I’m having trouble letting my page responsive, for desktop is getting correct, as shown in the image: However, when testing for mobile, it is as follows (using the tool in google Chrome to emulate…
-
1
votes0
answers14
viewsAsynchronous content for mobile
I am working on a new website project, where some areas will need a special html treatment for presentation. For example: for the desktop, we have a 1920x800 image carousel, while on mobile, I want…
-
1
votes3
answers273
viewsNon-responsive footer
I’m making a responsive web system using some bootstrap elements. The whole system is responsive except for the footer that in addition to leaving the fixed position at the bottom of the screen…
-
1
votes1
answer2083
viewsHow to customize reCAPTCHA v2?
I put reCAPTCHA v2 on my website, but I have a problem like: I wanted to make him responsive, so he could track the size of the fields. I found a solution like: transform:scale(0.77);…
-
1
votes1
answer721
viewsResponsiveness on iphone
I developed with my colleagues a theme in Wordpress that is pretty cool on various devices, but the boy who will receive the site uses an iPhone 5 and this smartphone the figures were "stretched". I…
-
1
votes1
answer34
viewsSubmit form with event when checking radio buton bootflap
I am using this Responsive HTML library (http://bootflat.github.io/documentation.html) and I want to submit a form when I click on a radio button. The problem is that as there are multiple "layers"…
-
1
votes1
answer2919
viewsPut responsive website
Guys good afternoon, next. It is the first time that I am making a website, and in my head I would make the desktop site first to then make the responsive modifications (reduce size of letters,…
-
1
votes1
answer1284
viewsScroll bar only in a div
I’m trying to create a table with only two lines. My intention is that the table is responsive and that the scroll bar appears only in the second row if the content exceeds the height. In the Chrome…
-
1
votes1
answer380
viewsHeader with responsive bg
I’m starting a project right now and I want to make the header responsive, but I can’t. The header has an effect in js that changes the images every refresh, but I can’t assign the correct height to…
-
1
votes1
answer670
viewsResponsiveness using React and Bootstrap
I have a problem that I’ve been trying to solve for a long time, and I can’t, which is to let the layout of the site pick up the whole page, it stays this way. https://ibb.co/cHEeS7 (print of how…
-
1
votes3
answers840
viewsDIV Bootstrap Alignment
I used the code @hugocsl gave me and it was aligned, but now it’s tiny in responsive. I used min-width and it worked! .img map { float: left; border:1px Solid; } map {. display: flex;…
-
1
votes1
answer45
viewsHeader does not get responsive in 320PX using Flexbox
I am starting to use flexbox but I have a giant problem that I cannot solve in several layouts. Both the header and Nav and li are hidden in the Mobile Solution, Iphone 320x568 and there is a white…
-
1
votes1
answer122
viewsDifficulties with responsiveness for complex layout
Good afternoon, all good? I have a doubt, if it takes a lot of work, do not even need to do, just give me a light, because I believe I’m not making this layout the best way to be responsive and I’m…
-
1
votes2
answers91
viewsResponsive Filter
I work with the Tray platform and I’m developing a custom filter for my Site, but I set the filter to be viewed on the computer, but now that I went to make the settings for him to be responsive and…
-
1
votes2
answers437
viewsDiv is bigger than Section
I have a div called 'banner' that’s inside a Section I call 'bg'. When I lower the screen in terms of height, the banner exceeds the size of bg. *{ font-family: 'Open Sans', sans-serif; }…
-
1
votes1
answer494
viewsProperty col-Xs does not work
I’m developing a website using Bootstrap and HTML, I’m gonna make you flexible for the desktop and mobile platform. However, I cannot understand why the property col-xs(phones) not work. Follow the…
-
1
votes2
answers103
viewshow to make the slide responsive
people I’m with this slide trying to make it responsive only it’s covering some things that comes just below the slide (I’m closing the tag in the right place), and the image when I decrease is…
-
1
votes1
answer147
viewsCreating a CSS card
Well, I’m trying to turn a table into cards when the site opens on a mobile device, but I don’t know much about CSS. I’m basing myself on this model, in my card turned only the data, but the header…
-
1
votes1
answer57
viewsHelp - Circular DIV with responsive background image
Dear friends, good afternoon! I need help to create a div with background image. I made that code: .this-image{ //border: 2px solid #AD235E; border-radius: 150px; width: 200px; height: 190px;…
-
1
votes1
answer172
viewsProblems in bootstrap responsiveness in inputs, Labels and selects
I’m having trouble solving a simple responsiveness problem using bootstrap 4. My wish is when resize to celuar, the inputs, selects and Labels are superimposed and occupying all available width. As…
-
1
votes0
answers13
viewsDropdown responsive menu does not work properly on mobile devices, how to resolve?
Hello, I’m building a responsive web page with a dropdown menu. In the desktop browser it works blza, but on mobile does not work, the page just decreases in size without doing the dropdown. I use…
-
1
votes1
answer137
viewsImage is being cropped when the "max-width" CSS element is used
At the bottom of this Wordpress site there are various logo images. These images are entered by the site administrator himself within a table Pods, so I have no individual control for each image, I…
-
1
votes0
answers89
viewsResponsive full background Image
I’m having some issues with my background image. I have a full background image in my website, and I want a Responsive website, but when I Try to see it on my phone, the image height is not correct.…