- This topic has 1 reply, 2 voices, and was last updated 9 months, 4 weeks ago by
.
-
-
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;
}
} -
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.
-
- You must be logged in to reply to this topic.
Divi Community
