Cascading Style Sheets

Mobile Menu Dropdown Issue

Submitted by jdadwilson on Sat, 2021-02-20 07:23

My website (www.txfannin.org) is very content heavy and thus requires multiple menu choices. As the view port size decreases I move main menu item to a master dropdown menu item which thus becomes the mobile toggle menu item. But, I noticed something interesting with the menu organization.

The mobile menu has multiple option some with further dropdown items. The oddity is that if the last item in the list is a dropdown item then only one of the dropdown items will show (should be 4).

How to centre iframes within DIV and stop overflow

Submitted by motorhomer on Wed, 2021-01-20 13:08

I have iframes which are appended by ajax, I want them to be centred on the screen side by side which I have got working but I also want them to start a new line centred again when they are bigger than the DIV width container.

Code below centres a number of iframes but they overflow the container. I tried overflow auto but this did not work

body{
width: 100%;
}
#viewRangerContainer{
border: solid;
position: absoulte;
display: flex;
justify-content: center;
align-items: center;

centred iframes within DIV need to make new line when beyond div width

Submitted by motorhomer on Wed, 2021-01-20 13:05

I have iframes which are appended by ajax, I want them to be centred on the screen side by side which I have got working but I also want them to start a new line centred again when they are bigger than the DIV width container.

Code below centres a number of iframes but they overflow the container. I tried overflow auto but this did not work

<!DOCTYPE html>
<html>
  <head>
  <style>
    body{
      width: 100%;
    }
    #viewRangerContainer{
      border: solid;
      position: absoulte;
      display: flex;
      justify-content: center;
      align-items: center;

Change div position on youtube (screenshot included) (hard case)

Submitted by ebaltvoirot on Thu, 2021-01-14 11:19

Hi, could you please help me to move the div from one position to another? Screenshot:
https://cdn-images.imagevenue.com/5b/c8/bf/ME12U0GE_o.jpg
I can move the whole #meta but I need to move only ytd-video-meta-block

Positioning a popup

Submitted by ExternalUser1 on Sun, 2020-12-13 22:37

Hi, I am not a dev but I need to position a popup. I found what I need here: https://www.w3schools.com/css/css_positioning.asp I need the to position my popup as in the last link under section "position: absolute"...

div.relative {
position: relative;
width: 400px;
height: 200px;
border: 3px solid #73AD21;
}

div.absolute {
position: absolute;
top: 80px;
right: 0;
width: 200px;
height: 100px;
border: 3px solid #73AD21;
}

Syndicate content