Help with Problem

Please don't say I should have multi line indented coding. My text editor allows deleting & copying a line very easily.

I have narrowed down my problem to the following;

/*1*/<style type="text/css"> .in { position: fixed; width: 100%; left:70%; top: 26%; } </style>
/*2*/<style type="text/css"> .sh { position: fixed; width: 100%; left: 40%; top: 26%; } </style>
 
/*3*/
 
/*4*/<div class="in"> <select name="inout" style="width: 10%; height: 5mm"; >
/*5*/<option value="">Select</option>
/*6*/<option  value="in">In</option>
/*7*/<option  value="out">Out</option>

My website developed by the Bootstrap4, but the page is confusing on IE, is there any way to solve this problem quickly?

https://succulentsaddiction.com/soil-mix/

I'm trying to put a different cursor on my Big Cartel site but have never done anything with CSS. I've been copying the CSS coding from various cursor websites and pasting it into the CSS on my Big Cartel site but none of them are working. Here are some examples of the codes that I'm putting in:

Hey guys, I wanna ask you how to make some div with hover with one will change sizes and after that some text will show up becouse
text is too big for div in basic size.
Thanks for some help.

Hi. I'm going a bit loopy. Probably beeen looking at code too long but just cant see what the problem is. My drop down menue for mobile users/small screens displays and nearly works, its just the links in it dont seem to register.
I tried relative and full urls and other tests but ive drawn a bit of a blank
its the bit im concerned with

<div id="header">
  <div class="container"> 
    <!-- Header | Logo, Menu
		================================================== -->