Div losing media query if screen is shrunk further

  • Unknown's avatar
    canttrips · Member ·

    I have two divs using Bootstrap where I’m showing one above small screen size and the other anything below it. It currently functions but only for a few pixels at which point the first div somehow becomes visible again and loses its d-sm-none class.

    The site can be found here: https://madroitmarketing.com/power-servicestest/

    And a video showing what is happening here: https://www.loom.com/share/9dd53134ddd04e21a6086f57de563d4e

    You’ll notice a few pixels after the switch from medium to small happens, everything is working as intended. Going any further down un-hides the first div.

    I’ve tried adding d-xs-none but the site straight up won’t recognize the class and continues to show it.

    I’ve tried removing it from the row because I thought it was possible the row’s display: flex was overriding it but even in a lone div, the display goes right to display: block (as a div normally would be without any CSS).

    Refactoring the div so I’m only using one is outside of the scope due to the amount of custom code will have to be used on multiple pages to make it work correctly.

    At this point, I have no idea what could be applying (or rather un-applying) the Bootstrap display I’ve given the div. Anyone have thoughts?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    canttrips · Member ·

    Ignore the last line, I forgot to change the website I was working on.

  • staff-totoro · Staff ·

    Hi there,

    We’re limited in how we can help because we don’t house your site on our managed WordPress.com hosting service. Your host uses the open-source variant of the WordPress platform which functions differently than what we offer here on WordPress.com. Because of this we don’t have access to your server files, or the ability to take a closer look at your site.

    However, the good news is that an issue like this is usually related to your theme specifically, and not a general WordPress issue. After looking at the sourcecode of your site I see you are using the Understrap theme, and I was able to find their support contact here: https://understrap.freshdesk.com/support/tickets/new

    Hope this helps point you in the right direction!

  • The topic ‘Div losing media query if screen is shrunk further’ is closed to new replies.