GetSimple Support Forum

Full Version: Innovation Theme Mobile Browser Desktop View
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello@all

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 https://www.webcam-hef.de 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 );
        height:80px;
        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:

http://get-simple.info/extend/theme/resp...ation/615/