nobi

I have a browser-based mobile application and I want to highlight a vertical scroll that is in a certain section. The default vertical scroll styles for mobile/tablet are very subtle and many users overlook scrolling down in this section.

I show below my code and it works great in Google's mobile devices development tools but when I test it on a real mobile, none of my styles are shown, only the default mobile/tablet vertical scroll styles.

What can I do to make my code work for mobile devices?

Thanks!!!

The empty space (you'll see when you put in the code) is where the cards should be stacked in a column like orientation like this

I am trying to fill that white space with the cards in that fashion but the sidebar keeps pushing it down and I've tried merging them and creating different divs to separate but no matter what it stays below and I do not know why.

I'm creating the following layout with a sidebar and a flexbox container having 3 boxs with middle one having scrolling.

The problem I'm running into is, when i zoom in, the content goes past the viewable screen and when i zoom out it leaves a white blank screen on the right side.

I'm attaching a video link and the code to help you guys understand, and hopefully help me out here.

https://www.awesomescreenshot.com/video/7839859?key=b61f0db322aecd2c43d5f1749178dcf1

I want to have the second column drop down below the first column when I resize the page to smart phone size.

Thank you for your help!

I am trying to create a custom cursor in my slider section with "following the cursor with element", but it's not working properly, i mean the custom cursor is way far than original cursor.
I have tried a lot, searched a lot, found the answers in stackoverflow but these were not working for me. So, I am putting question here. Here is the live website link:

http://green-light.infinitweb.co/landscape-lighting-projects/

I designed this UI and I just want the same functionality to be implemented on this UI design. I just need one and ONLY ONE menu open at a time instead of all of them.

When you click on a button it OPENS OR CLOSES the current accordion. Also, if any other were open, it AUTOMATICALLY CLOSES when you try to open another.

Please use the same transitioning.

This is a section from a practice project, where there's some extra space at the bottom of the element.

I've checked the code but I can't figure where I've gone wrong. Could someone help find the error?

How do i remove the gap?

I am trying to display a vertical tab inside a Bootstrap 4 Modal. But the same modal is displayed differently in google chrome and firefox browser.

Code i am using:

I have been dealing with this particular situation. I have a form in which the user can put some data and save it. He can do that several times creating a record of similar items. The app creates a string with this data and saves it in the localStorage. The user is able to retrieve the data on a page created with an accordion system where he can see it separately just as he typed before. Now I need to get some data from the LocalStorage to show it in a page which is out of the DOM of the app.

This is the js controller code where I want to show the data: