General questions

Answered

Language select does not work on Bootstrap 5 sm and xs screens.

I am using editor with bootstrap 5 to get responsive pages. When I decrease the size of the screen to sm and xs the language select no longer works. How can I fix this please?

My css is:

 

.languages {
		    display: flex;
		    display: -webkit-flex;
		    justify-content: center;
		    margin: 10px;
		}

 My html is:

 

<!-- for md and larger screens -->
				<div class="col-lg-12 col-md-12 d-none d-md-block overflow-auto" style="height: 400px;">
					<nav style="flex-direction: row;">
						<div class="button-div">
							<button id="undo" class="nav-btn btn-fab-mini btn-lightBlue" disabled>
								<img src="images/undo.png">
							</button>
							<button id="redo" class="nav-btn btn-fab-mini btn-lightBlue" disabled>
								<img src="images/redo.png">
							</button>
						</div>
						<select id="language" class="col-lg-2 col-md-3"></select>
						
						<div class="spacer"></div>
					    <input type="text" class="input-field" id="importContentField" data-type="text/plain" placeholder="e.g. hello world">
					    <button class="classic-btn" id="importContent">Import</button>
					</nav>
					
					<div id="editor" touch-action="none"></div>
				</div>
				
				<!-- for sm and xs screens -->
				<div class="col-sm-12 col-12 d-md-none overflow-auto" style="height: 400px;">
					<nav style="flex-direction: column;">
						<div class="button-div">
							<button id="undo" class="nav-btn btn-fab-mini btn-lightBlue" disabled>
								<img src="images/undo.png">
							</button>
							<button id="redo" class="nav-btn btn-fab-mini btn-lightBlue" disabled>
								<img src="images/redo.png">
							</button>
						</div>
						<select id="language" class="col-sm-12 col-12"></select>
						
						<div class="spacer"></div>
					    <input type="text" class="input-field" id="importContentField" data-type="text/plain" placeholder="e.g. hello world">
					    <button class="classic-btn" id="importContent">Import</button>
					</nav>
					
					<div id="editor" touch-action="none"></div>
				</div>

 Kind regards,

Glyn





Best Answer

Dear Glyn,


thank you for contacting us.


This is rather a coding issue than a MyScript issue. Please refer to tutorials to find out what is likely to be the issue in your code.


Best regards,


Olivier

1 Comment

Answer

Dear Glyn,


thank you for contacting us.


This is rather a coding issue than a MyScript issue. Please refer to tutorials to find out what is likely to be the issue in your code.


Best regards,


Olivier