title: How to prevent every HTML element from behaving like a link in mobile view
body: <p>I have created a mobile view for my site, here.</p>
  
  <pre><code>http://105.161.113.68:8080/qualebs/home
  </code></pre>
  
  <p>username = susan
  passord = suzzy</p>
  
  <p>if you login from a mobile device with preferably opera mini, you will notice that clicking on any element even the box around the login page reloads the page. I don't know what is responsible for this. please help.</p>
  
  <p>The css for the containing div containing the profile photo, username, and the status is as follows. </p>
  
  <pre><code>.feedContainer{
      display: inline-block;
      float: left;
      margin-right: 5px;
      cursor: pointer;
      text-align: left;
      width: 95%;
      max-width: 800px;
      border: solid 1px #f5eabe;
      border-top: none;
      background: #fff;  
  }
  </code></pre>
  
  <p>in the css for the mobile page I add the following style</p>
  
  <pre><code>.feedContainer{
      float: none;
      width: 100%;
      max-width: 100%;
      border-right: none;
      border-left: none;
      margin: 0px;
      cursor: auto;
  }
  </code></pre>
  
  <p>There is no Javascript on the mobile view. My problem Is that every element behaves like a link that if you click it reloads the page. How can I remove this. </p>
  
  <p>example feed container for mobile site looks like this</p>
  
  <pre><code>&lt;div class="feedContainer"&gt;
                  &lt;span class="profileImgContainer"&gt;
                      &lt;img class="profileImg" src="img/thumbs/1/1377284547880_1377284934730.jpg" alt="photo"/&gt;
                  &lt;/span&gt;
                  &lt;div class="feedHeader"&gt;
                      &lt;span class="time"&gt;moments ago&lt;/span&gt;
                      &lt;strong&gt;
                          &lt;a href="profile?customerId=1377284547880"&gt;susan&lt;/a&gt;
  
                      &lt;/strong&gt;
                  &lt;/div&gt;
                  &lt;div class="feed"&gt;               
  
  
                              &lt;pre&gt;&lt;span class="shorten"&gt;Hello guys if you are already logged on here, please let me know what you are seeing&lt;/span&gt;&lt;/pre&gt;
  
  
              &lt;/div&gt;
              &lt;div class="feedFooter"&gt;
                  &lt;span class="feedFooterWidget"&gt;   
                              0
                              &lt;a href="status?statusId=1377338479531&amp;amp;posterId=1377284547880&amp;amp;view=comments"&gt;Comments&lt;/a&gt;
                  &lt;/span&gt;
                  &lt;span class="feedFooterWidget"&gt;
                      &lt;span class="count"&gt;
                                  0
                      &lt;/span&gt;
                              &lt;a class="footerLink" href="like?item=status&amp;amp;itemId=1377338479531&amp;amp;posterId=1377284547880&amp;amp;view=likes"&gt;Likes&lt;/a&gt;
                  &lt;/span&gt;
                  &lt;span class="feedFooterWidget"&gt;
                      &lt;span class="count"&gt;
                                  0
                      &lt;/span&gt;
                              &lt;a class="footerLink" href="share?itemType=status&amp;amp;statusId=1377338479531&amp;amp;posterId=1377284547880"&gt;Share&lt;/a&gt;
                  &lt;/span&gt;
                  &lt;span class="feedFooterWidget"&gt;&lt;a href="message?customerId=1377284547880"&gt;Message&lt;/a&gt;&lt;/span&gt;
                  &lt;span class="feedFooterWidget"&gt;&lt;a href="delete"&gt;Delete&lt;/a&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I'm sorry for future readers of this question the server was running on a local server and I lost the connection.</p>