2018-08-09, 05:06:24
(This post was last modified: 2018-08-09, 05:32:52 by linuxonlinehelp.)
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"
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"