Height good on desktop but not mobile

  • The ticker height is perfect on desktop view (5px padding top and bottom of the text), however on mobile there is an extra 15px or so below the text. I’m not sure if this is originating from something on my end, or if it’s a product of ditty ticker. Regardless, I would appreciate insight into how to fix. Thank you

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    The extra padding is coming from your page builder (or however your page layouts are created). I’m seeing this css:

    @media (max-width: 980px) {
  .et_pb_column {
    margin-bottom: 30px;
  }
}

    I would suggest removing the background color from the grid container that the ticker is placed in, and add the background color directly to the ticker using custom css:

    #mtphr-dnt-16160 {
  background-color: #252525;
}

    Or figure out how to remove the extra padding added to your container on mobile.

Viewing 1 replies (of 1 total)
  • The topic ‘Height good on desktop but not mobile’ is closed to new replies.