HomeMobile background problem
3 posters
Page 1 of 1
Mobile background problem
by Panicmakerz March 26th 2018, 7:29 pm
Forum URL: http://www.duelingrealm.com/
Hello,
when I connect to my forum with my mobile using the web appearence the background only on index isnt covering the whole screen
But when I am not on Index it is correct
Why is that happening?
Hello,
when I connect to my forum with my mobile using the web appearence the background only on index isnt covering the whole screen
But when I am not on Index it is correct
Why is that happening?
Panicmakerz- Forumember
- Posts : 55
Reputation : 1
Language : greek
Re: Mobile background problem
by SLGray March 26th 2018, 8:57 pm
Is this on the mobile or classic version? Also are you using the Topic'It app?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
-
Posts : 51495
Reputation : 3519
Language : English
Location : United States -
Re: Mobile background problem
by Panicmakerz March 26th 2018, 9:12 pm
It is classic version without topic it
Panicmakerz- Forumember
- Posts : 55
Reputation : 1
Language : greek
TheCrow- Manager
- Posts : 6913
Reputation : 794
Language : Greek, English -
Re: Mobile background problem
by Panicmakerz March 26th 2018, 9:55 pm
- Css code:
- Code:
ul.linklist li.rightside a {
display: none !important;
}
p.rightside{
display:none !important;
}
div#main-content ul.linklist {
display: none !important;
}
#page-body #emptyidcc #outer-wrapper #wrapper #container #content #main #main-content p {
display: none;
}
#page-footer, div.navbar, div.navbar ul.linklist, div.navbar ul.linklist li.rightside {
display: none !important;
visibility: none !important;
}
a:hover {
text-decoration: none !important;
}
.forabg a:hover {
color:#E6BA0C!important;
}
.forumbg a:hover {
color:#E6BA0C!important;
}
.post a:hover{
color:#E6BA0C!important;
}
.navbar #search-box {
display : none;
}
body{
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/backgr12.jpg);
background-repeat: no-repeat !important;
background-attachment: fixed!important;
background-size: cover !important;
margin-right: auto!important;
margin-left: auto!important;
width:100%!important;
}
.forabg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.forumbg{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-repeat: repeat !important;
}
#logo img {
margin-top: 30px
}
.category-picture {
display: none !important;
}
.post {
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/posts_15.png);
background-repeat: no-repeat;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.postprofile dd { text-align:center!important;
margin-right:7px;
}
.postprofile dt { text-align:center!important;
margin-right:7px;
}
.postprofile {
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/catego12.png)!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: -4px -3px 70px #666;
-webkit-box-shadow: -4px -3px 70px #666;
box-shadow: -4px -3px 70px #666;
width: 165px;
}
.postprofile dt img {
max-width:140px;
max-height:140px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:double 2px #3d3d3d;
-moz-box-shadow: -4px -3px 70px #666;
-webkit-box-shadow: -4px -3px 70px #666;
box-shadow: -4px -3px 70px #666;
}
.overview {
background-color: #593703;
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/glow1311.png);
}
.module {
background-color: #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/catego13.png);
}
.module a:hover {
color:#E6BA0C!important;
}
.pagination span a:link, a:visited{
border:none ;
background-color: #593703!important;
color:white!important;
padding:3px 7px;
border-radius:3px
}
.pagination span strong{
border:1px solid #bbb ;
box-shadow:0px -3px 9px #ccc inset;
color: #593703;
background-color: #fff;
padding:3px 7px;border-radius:3px;
text-align: center;
text-shadow: 1px 1px 0px #FFF;
}
.pagination span a.pag-img {
background-color: transparent!important;;
border: medium none!important;
}
.pagination span a:hover{
border:none ;
background-color: #fff!important;
color:#593703!important;
padding:3px 7px;
border-radius:3px
}
input[type="submit"]{
color:#593703;
background-color:#ccc;
border:double 2px #1a1a1a;
border-radius:4px;
text-shadow:-4px 1px 10px #000000;
}
input[type="submit"]:hover{
color: #000000;
border: double 2px #593703;
-moz-box-shadow: -4px -3px 70px #000000;
-webkit-box-shadow: -4px -3px 70px #000000;
box-shadow: -4px -3px 70px #000000;
background-color:#ccc;
}
input[type="reset"]{
color:#593703;
background-color:#ccc;
border:double 2px #1a1a1a;
border-radius:4px;
text-shadow:-4px 1px 10px #000000;
}
input[type="reset"]:hover{
color: #000000;
border: double 2px #593703;
-moz-box-shadow: -4px -3px 70px #000000;
-webkit-box-shadow: -4px -3px 70px #000000;
box-shadow: -4px -3px 70px #000000;
background-color:#ccc;
}
.sceditor-container iframe, .sceditor-container textarea{
color: #595959!important;
}
/** 24. Quick Login**/
#quickloginform_overlay {
background-color:#333;
height:100%;
left:0;
opacity:0.7;
position:fixed;
top:0;
width:100%;
}
#quickloginform {
height:100%;
position:fixed;
top:20%;
width:100%;
}
#quickloginform>form {
background-color:#fff;
box-sizing:border-box;
margin:auto;
padding:20px 30px;
width:360px;
border-radius:3px;
}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
background:#f2f2f2 none repeat scroll 0 0;
border:0 none;
box-sizing:border-box;
font-family:"Helvetica";
font-size:14px;
margin:0 0 15px;
outline:0 none;
padding:15px;
width:100%;
}
#quickloginform button {
background-color:#593703;
border:0 none;
color:#ffffff;
cursor:pointer;
font-family:"Helvetica";
font-size:14px;
outline:0 none;
padding:15px;
text-transform:uppercase;
width:100%;
}
#quickloginform p:nth-child(n) {
margin-bottom:0;
margin-top:20px;
text-align:center;
}
#quickloginform form p {
color:#b3b3b3;
font-size:11px;
}
#quickloginform form a {
color:#2b86b3!important;
text-decoration: none;
}
.mod-login-avatar img {
border: 3px solid #f00;
border-radius: 100%;
width: 120px;
height: 120px;
box-shadow: 0 0 10px #000;
}
.pun .main-content ol, .pun .main-content ul {
padding-left: 0 !important;
}
dd.lastpost {
width: 160px!important;
}
.inputbox, select.inputbox {
color: black!important;
background: #ffffff!important;
border-radius: 1px!important;
}
.forum icon{
margin-left: 20px!important;
}
#tabs a { display: none; }
#tabs .activetab a, #tabs a[href*="avatar"], #tabs a[href*="information"], #tabs a[href*="preferences"] {
display: inline!important;
color: #FFFFFF;
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/posts_13.png);
}
fieldset dl:hover dt label, #tabs .activetab a:hover span, #tabs .activetab a span {
color: inherit;
}
.h3{
color:#e6ba0c !important;
height: 30px;
}
#contactFieldBoxBottom{
margin-top: -20px;
width: 99.95%;
}
#prefBot{
margin-top: 3px;
width:99%;
}
#avaBot{
margin-top: 55px;
width:101.5%;
}
#wrap {margin-left:auto;
margin-right:auto;
width:900px;
}
#avatar{
max-width:140px!important;
max-height:140px!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:double 2px #3d3d3d;
-moz-box-shadow: -4px -3px 70px #666;
-webkit-box-shadow: -4px -3px 70px #666;
box-shadow: -4px -3px 70px #666;
margin-left:25px;
}
#fa_search, #fa_share {
display: none !important;
}
@media screen and (min-width: 1366px) {
#gallery-1 img {width:375px;}
}
@media screen and (min-width: 1440px) {
#gallery-1 img {width:428px;}
}
@media screen and (min-width: 1600px) {
#gallery-1 img {width:434px;}
}
@media screen and (min-width: 1920px) {
#gallery-1 img {width:540px;}
}
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {
}
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
}
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
}
#fa_toolbar {
width: 100%!important;
background-color: transparent !important; /* Make the main toolbar bg transparent */
}
#fa_right {
margin-right:60px;
background-color: #593703; /* Background color */
border-radius: 0 0 40px 40px; /* Border roundness */
padding-left: 10px; /* Left padding */
padding-right: 15px; /* Right padding */
right: 20px; /* Décale la toolbar de la droite */
-moz-box-shadow: -4px -3px 70px #fff;
-webkit-box-shadow: -4px -3px 70px #fff;
box-shadow: -4px -3px 70px #fff;
font-family: Comic Sans MS;
}
#fa_left {
display:none!important;
}
#fa_right #fa_welcome:hover, #fa_notifications:hover{
border-radius: 0 0 20px 20px;
background: #8a5607;
}
#fa_notifications{
border:none!display;
}
#notif_unread {
color: #E6BA0C;
}
#fa_toolbar #fa_hide{
display:none!important;
}
#fa_toolbar #fa_right #notif_list li.see_all {
display:none!important;
}
#fa_menulist #My_posts{
display:none!important;
}
#i_icon_mini_login{
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/coollo22.png) ;
}
#i_icon_mini_login:hover {
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/oie_tr14.png) ;
}
#i_icon_mini_register{
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/coollo23.png) ;
}
#i_icon_mini_register:hover {
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/oie_tr14.png) ;
}
#i_icon_mini_logout{
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/oie_6y10.png) ;
}
#i_icon_mini_logout:hover {
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/oie_tr14.png) ;
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #593703;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text */
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 0.3s;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #593703 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
#fa_chat_container {
background:#1a1a1a;
border:1px solid #556682;
border-radius:3px;
position:fixed;
right:3px;
z-index:999;
overflow:hidden;
min-width:500px;
min-height:250px;
transition:300ms;
}
#fa_chat {
border:none;
width:100%;
height:100%;
}
#fa_chat_button {
color:#FFF;
line-height:30px;
margin-left:10px;
padding:0 5px;
cursor:pointer;
}
#fa_chat_button:hover{
border-radius: 0 0 20px 20px;
background: #8a5607;
}
#fa_chat_button.fa_chat_active {
color:#333;
background:#FFF;
}
body.chatbox{
background-color: #1a1a1a;
}
#chatbox_members .member-title {
background-color: #242424;
}
.chatbox_row_1,
.chatbox_row_2{
border: none !important;
}
#fa_toolbar #fa_menu #fa_menulist li a[href*="/sta/"], #fa_toolbar #fa_menu #fa_menulist li a[href*="/spa/"], #fa_toolbar #fa_menu #fa_menulist li a[href*="watchsearch"] {
display: none!important;
}
#fa_toolbar #fa_menu #fa_menulist{
height: 600%!important;
}
#fa_toolbar div#fa_usermenu table { display: none !important }
table, th, td {
border: 1px solid white;
}
td {
text-align: center;
}
table {
border-spacing: 0px;
}
table#ladder {
width: 100%;
background-color: #1f1f1f;
color: #fff;
font-size: 110%;
}
table#ladder th {
background-color: #593703;
}
.discord:hover{
transform: scale(1.2)!important;
}
Panicmakerz- Forumember
- Posts : 55
Reputation : 1
Language : greek
Re: Mobile background problem
by TheCrow March 26th 2018, 10:02 pm
Try changing to this: (lines 42-50)
with
This should fix your problem.
- Code:
body{
background-image: url(https://i62.servimg.com/u/f62/19/84/16/51/backgr12.jpg);
background-repeat: no-repeat !important;
background-attachment: fixed!important;
background-size: cover !important;
margin-right: auto!important;
margin-left: auto!important;
width:100%!important;
}
|
|
This should fix your problem.
TheCrow- Manager
- Posts : 6913
Reputation : 794
Language : Greek, English -
Re: Mobile background problem
by Panicmakerz March 26th 2018, 10:09 pm
when I zoom out I have the same result
Panicmakerz- Forumember
- Posts : 55
Reputation : 1
Language : greek
Re: Mobile background problem
by TheCrow March 26th 2018, 10:13 pm
What do you mean? Isn't it steady for everything now?
TheCrow- Manager
- Posts : 6913
Reputation : 794
Language : Greek, English -
Re: Mobile background problem
by Panicmakerz March 26th 2018, 10:15 pm
When I firstly load the page in my mobile it covers the full screen, but If I zoom out it doesnt, background image is still in the left up corner and the rest is white
Panicmakerz- Forumember
- Posts : 55
Reputation : 1
Language : greek
Similar topics» mobile background problem
» changing mobile background
» Different background in mobile version
» How to change the background color for MOBILE
» Mobile version background Error
» changing mobile background
» Different background in mobile version
» How to change the background color for MOBILE
» Mobile version background Error
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
