All Questions
Tagged with responsive-design jquery
1,830 questions
1
vote
0
answers
50
views
The article element splits into two when I resize my webpage
My webpage splits an article which it shouldn't when I resize it or use it on other platforms like Android devices or tablets. I tried using
<span></span>but still it is not working
The ...
0
votes
1
answer
53
views
How do I change div size when screen size changed?
When I change the screen size, I want to change the div size according (note: without using a button or component)
<div id="main-page">
<div class="container-fluid p-...
- 15
1
vote
0
answers
32
views
Custom jQuery to read window resize is working only when the viewport is an even number
I have a WP website whose header (.wp-container-6) contains a logo-container and a nav (.wp-container-5) in a row. nav has a padding-right matching logo-container's width, so it always stays in the ...
- 91
1
vote
2
answers
213
views
Give numbers with vertical line to list items in responsive way (HTMl & CSS)
I want to create a list using HTML & CSS shown as below:
Expected Output:
But getting below output.
Actual Output:
As you see, the line is collapsing on text and numbers. I want text besides of ...
0
votes
1
answer
349
views
Bootstrap datepicker misbehaving
I have recently embarked on trying to do some front end work with Bootstrap and am finding it tricky.
There are two problems here.
The calendar glyph appears under the date input. It's
meant to be at ...
- 4,334
0
votes
1
answer
43
views
Disabling jQuery hover effect for menu below 1025px using matchMedia
I run a WordPress site with a custom header. Therefore, I decided to rely on jQuery.
I have a menu (#sitenavigation) that appears when I hover over a container it's in (#menuhover). I only want this ...
- 29
0
votes
1
answer
541
views
Uncaught ReferenceError: jQuery is not defined in a Symfony project using Webpack Encore
Error in the console
Hello,
I am a beginner in programming and I'm working on a Symfony project using Webpack Encore to manage my assets. I am facing an issue with jQuery in my Firefox console: ...
- 1
0
votes
1
answer
190
views
How can I disable fancybox on mobile devices?
I am currently using the lightbox of fancybox to display a PDF on a website. But I would like to disable it only on mobile, so that the PDF downloads normally. Is that possible?
I already tried to ...
- 1
1
vote
0
answers
49
views
I'm not able to switch to tabs in the bootstrap
I'm very new to html world and I'm trying to build some sample summary report and I need to implement tab to show case Executive summary and Test summary details as below:
I just implemented ...
- 2,586
0
votes
0
answers
41
views
How to use Javascript (or jQuery) to alter one elements position based on another dimensions for responsive design?
I have a fixed position element that stays on the side of the page. The problem is that when I zoom in (to test/meet WCAG 1.4.4) the element will go over the top of other text, making the lower text ...
- 1
0
votes
1
answer
68
views
Problem with responsive @media queries resize between developer tool and browser window
I'm using different media queries to resize the style of my css based on the device-width,
I did the mistake to work on the website almost all the time looking at that in developer mode, changing the ...
- 37
0
votes
1
answer
113
views
Bootstrap 4 dropdown works only once
i'm trying to make a dropdown with bootstrap 4. it works, but the problem is that it toggles only once. Also, I've tried solutions suggested on the site, but any of them could help me. Here's my code:
...
- 3
0
votes
3
answers
387
views
Bootstrap datatable not responsive in tabler dashboard for mobile view?
Used bootstrap datable to render data from the database in tabler admin dashboard. it works absolutely fine in desktop view but not in mobile view.
How to fix the issue?
Desktop view
0
votes
1
answer
26
views
Trying to get header to change colour in different sections of website and failing
I've been going insane trying to get this to work:
<script>
window.onload = function() {myFunction()};
window.onscroll = function() {myFunction()};
function myFunction() {
...
- 1
0
votes
1
answer
179
views
Dropdown click open on mobile, hover on desktop
I am trying to have navbar dropdowns open on hover on desktop, and on-click on mobile. I've looked at several similar questions, but thought my approach would be easier to read and in practice, work ...
- 67
