Rooms General Divi **MEDIA QUERY HELP***

Tagged: , , ,

Viewing 1 reply thread
    • #3551
      Faye Daway
      Participant
      @faye
      Up
      0
      Down
      ::

      Can someone help with the media query for the three buttons in the hero section? The elements are overlapping between 980 and 1062.

      ive tried adding margin to the buttons as well as increase row width but nothing seems to be working. Below is what ive tried (and failed with!) Thanks!

      https://localeyesoptometry.dev.ignitemedicalco.com/

      @media screen and (min-width: 981) and (max-width: 1062) {
      et_pb_row.et_pb_row_1 {
      min-width:75% !important;
      }
      }
      @media screen and (min-width: 981) and (max-width: 1062) {
      et_pb_button et_pb_button_0 et_pb_bg_layout_dark{
      margin-right:50px !important;
      }
      }

    • #3552
      Terry Hale
      Keymaster
      @mizagorn
      Up
      0
      Down
      ::

      Give that row a CSS ID. Then set that to a 95% width.

      #button-row.et_pb_row {
      width: 95%;
      }

      Include your media query if you want, but it doesn’t really matter. We’re just making sure the buttons fit in the row without overlapping until we get to tablet size.

      • This reply was modified 2 months, 3 weeks ago by Terry Hale.
Viewing 1 reply thread
  • You must be logged in to reply to this topic.