Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Innovation Theme Mobile Browser Desktop View

i use innovation theme with removed Sitebar its shown clean on PC+Laptop Resolution 1280x768 and bigger

but on Tablet Opera, Firefox or Chrome the blue header is cut of at ~680px width if a Tablet User switch Firefox Mobile to "Desktop" View

How to fix? tried to enforce fixed width on style.css area ".header " 

Domain or is it a bug by all mobile browsers??

style.css Area:

/* HEADER */
.header {
        background: #6B94B4;
        background: -moz-linear-gradient(top, #6B94B4 0%, #316594 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B94B4), color-stop(100%,#316594)); 
        filter: progid-DXImageTransform.Microsoft.gradient( startColorstr='#6B94B4', endColorstr='#316594',GradientType=0 );
        width: 100%;  #if SET to 1920px the header is full but the Content moved to left!!
        border-bottom:#2B5780 2px solid;

Seems Mobile Browsers like on Tablets cant handle 100% on "Desktop View"
Theme is not responsive. You could try out this alternative version:

Users browsing this thread: 1 Guest(s)