view image hereI'm experiencing an issue with my HTML code where a box shadow appears in the mobile view. Despite my efforts, I cannot seem to remove it. This problem only arises in the mobile view, leading me to believe that it may be related to how I am positioning the text.
The HTML code is as follows:
<div class="b">t</div>
<div class="c">n</div>
<div class="d">a</div>
<div class="e">t</div>
<div class="f">l</div>
<div class="g">u</div>
<div class="h">s</div>
<div class="i">n</div>
<div class="j">o</div>
<div class="k">c</div>
<div class="l">n</div>
<div class="m">g</div>
<div class="n">i</div>
<div class="o">s</div>
<div class="p">e</div>
<div class="q">d</div>
</div>
Additionally,
</div><div id="text-7" class="widget widget_text"> <div class="textwidget"><div class="line-down">
I attempted to modify the ID's CSS with the following code:
#text-7 {box-shadow: none}
Unfortunately, this solution did not work as intended.
You can visit here
I have also created a Codepen example, but I have been unable to reproduce the issue https://codepen.io/adsler/pen/rXoNGJ