HTML Conditionals not working

Hello I have a html code for a voice assistant on my site. I am trying to add conditional elements to change the offset location on the voice assistant as the current page width changes. I’ve tried multiple things but it is not responding to the conditionals and staying in the same place. Does anyone you know what I am doing wrong?


Are you 100% sure the code in your main view (i.e. not the conditional code) is properly setting the offset value? Have checked the value in chrome inspect tools to see if this is getting overridden by some other css with higher specificity?