DMS 2 Masthead Text Not resizing properly on mobile

[MobileParity+ 0]

My Masthead text is not formatting to mobile devices. It was working fine last week and once I added the ShareBar section everything got a little off. At first I thought it was the width of the ShareBar that was causing the issue so I used a media query to resize the width and it works for the tablet size of 767px however my Masthead text is now askew and does not resize for the screen. I am using FitText.js to resize the headings (h1, h2, etc). Here is the media query that I am using for the ShareBar. For some reason I am 

 

@media only screen and (max-width:767px) { 

#sharebarui2dj1f .pl-sharebar {

width:540px;

 

  }

}

 

 

 

Website URL:www.bingerr.com
Framework Version:dms2
WordPress Version:4+
Plugins in Use:FitText.js
Server/Host:flywheel
Screenshots:
Details:

[MobileParity+ 0]

for some reason i was not able to upload an attachment.

[MobileParity+ 0]

I also removed the ShareBar section, flushed the cache and the mobile site looks the same.

[Danny+ 1,327]

Hi,

 

As far as I can tell, the issue is related to your custom CSS, because you're using the section ID in your custom CSS, the default media query is not be used. So you're going to need to review your custom CSS or add a media query using that section ID. Please be aware that this issue is caused by your custom CSS and therefore, we are unable to provide assistance.