Note that there are some explanatory texts on larger screens.

plurals
  1. POhtml not showing up on Android
    primarykey
    data
    text
    <p>I have an element which has the following css.</p> <pre><code>background: #ccc; position: fixed; width: 100%; top: 0; z-index: 99; </code></pre> <p>I have tested the website on android 2.3 and it works fine, but when I load it on a device that runs 4.0, the element does not show up. I have inspect it with Adobe Edge Inspect(formerly Adobe Shadow) and it changes the <code>background</code> property to <code>background:initial</code>, I have tried overriding it with anything else but the inspector will go back to <code>background:initial</code>. </p> <p>Is there Anything I can do to fix it or is this just a device bug? (it loads properly on mobile chrome)</p> <p><strong>EDIT:</strong> It only happens in one page, homepage</p> <p><strong>EDIT 2:</strong> Here is the html in question menu</p> <pre><code> &lt;h1 class="logo"&gt;&lt;a href="" rel="nofollow"&gt;&lt;img title="" src="" alt=""/&gt;&lt;/a&gt;&lt;/h1&gt; &lt;div class="social"&gt; &lt;ul&gt; &lt;li class="rss" title="RSS"&gt;&lt;a href=""&gt;RSS&lt;/a&gt;&lt;/li&gt; &lt;li class="twitter" title="Twitter"&gt;&lt;a href=""&gt;Twitter&lt;/a&gt;&lt;/li&gt; &lt;li class="facebook" title="Facebook"&gt;&lt;a href=""&gt;Facebook&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;form action="" class="searchform" method="get"&gt; &lt;div class="searchform"&gt; &lt;label for="s" class="skip"&gt;&lt;/label&gt; &lt;input type="text" id="s" value="" name="s" class="watermark" placeholder="search" /&gt; &lt;input type="submit" value="Search" class="searchsubmit" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- end #inner-header --&gt; &lt;div class="navigation-container" id="main-navigation"&gt; &lt;nav role="navigation"&gt; &lt;ul id="menu-nav" class=""&gt; &lt;li id="menu-item-8" class=""&gt;&lt;a href=""&lt;/li&gt; &lt;li id="menu-item-17747" class=""&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="menu-item-7" class=" menu-item-7"&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="menu-item-6" class=""&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="menu-item-5" class=""&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="social"&gt; &lt;ul&gt; &lt;li&gt; &lt;form action="" class="searchform" method="get"&gt; &lt;div class="searchform"&gt; &lt;label for="s" class="skip"&gt;&lt;/label&gt; &lt;input type="text" id="s" value="" name="s" class="watermark" placeholder="search" /&gt; &lt;input type="submit" value="Search" class="searchsubmit" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/li&gt; &lt;li class="facebook" title="Facebook"&gt;&lt;a href=""&gt;Facebook&lt;/a&gt;&lt;/li&gt; &lt;li class="twitter" title="Twitter"&gt;&lt;a href=""&gt;Twitter&lt;/a&gt;&lt;/li&gt; &lt;li class="rss" title="RSS"&gt;&lt;a href=""&gt;RSS&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/nav&gt; &lt;/div&gt; </code></pre> <p> </p> <p>As you may or may not have noted, this is pard of a wordpress theme and this is placed in the header, so every page has this exact same header. For some reason, this only breaks on the homepage. Another note, I have removed a lot of identifying information so the links don't have urls and other things are missing but all the elements are there</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload