Page 1 of 11
Forum moderator: bigblog 
uCoz Community » For Webmasters » Design Customization » Purchased a premium template - Issue on Home page.
Purchased a premium template - Issue on Home page.
demonfoxpain
Posts: 6
Reputation: 0
Message # 1 | 12:48 PM
Hello,

I purchased the template http://ucoztemplates.com/shop/161/desc/flat today and installed it on my site http://demonfox-pain.do.am/. When I load the site in PC, it looks ok. BUt when I load it using my mobile, the background is truncated. I can see the half portion as black and half as white in home page and other modules. Please help. Attached images
Attachments: 5666693.jpg(115Kb) · 1241225.jpg(47Kb)
Cyberdasm
Posts: 566
Reputation: 2
Message # 2 | 0:04 AM
demonfoxpain, the template that you buy isn't a responsive one.

Added (2017-02-13, 0:04 AM)
---------------------------------------------
demonfoxpain, Insert the code below in your header tag.

Code
<meta content="width=device-width,initial-scale=1" name="viewport">

1F4BF3B

admin@lizeal.tk
www.lizeal.tk
demonfoxpain
Posts: 6
Reputation: 0
Message # 3 | 2:27 AM
Cyberdasm, Thanks for your reply. I inserted your code below the Header tag - Top part of the website (Design customization). I still have that issue. It's not working.
Cyberdasm
Posts: 566
Reputation: 2
Message # 4 | 5:27 AM
demonfoxpain, not in the top part it must be in the header section. Paste it on your homepage between <head> and </head>
1F4BF3B

admin@lizeal.tk
www.lizeal.tk
demonfoxpain
Posts: 6
Reputation: 0
Message # 5 | 5:45 AM
This is here I pasted the code now. Please let me know if I should paste it somewhere else.

Code
<html lang="ru">
<head>
<meta content="width=device-width,initial-scale=1" name="viewport">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<meta charset="utf-8">
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="/css/grid.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css' />

</head>
Cyberdasm
Posts: 566
Reputation: 2
Message # 6 | 12:02 PM
demonfoxpain, add the following code. It must be before </head>. Remember that the overriding of your css will not work if you will not put it exactly before </head>.
Code
<style>
body {
  background: url(http://flateng.ucoz.com/images/body-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
</style>


Here's the demo.

1F4BF3B

admin@lizeal.tk
www.lizeal.tk
Post edited by Cyberdasm - Monday, 2017-02-13, 12:03 PM
demonfoxpain
Posts: 6
Reputation: 0
Message # 7 | 2:29 PM
Thanks alot. It worked. But how can I make it work on other modules? The same problem occurs on Online games, SIte news, Blogs modules etc... But I when I use your code on the respective modules between the head tag it works. Is there any way I can make a global change which will reflect on other modules too? Thanks for trying to help me out.
Cyberdasm
Posts: 566
Reputation: 2
Message # 8 | 11:28 PM
demonfoxpain, yes through classes and ID's. Or Editing your source code. Since I only override your current code but not changing your source code.
1F4BF3B

admin@lizeal.tk
www.lizeal.tk
demonfoxpain
Posts: 6
Reputation: 0
Message # 9 | 6:02 AM
Oh ok. For now I will use your code and paste it in the modules as needed. I don't think I can edit the CSS and IDs. Thanks for your help.
Cyberdasm
Posts: 566
Reputation: 2
Message # 10 | 0:15 AM
demonfoxpain, no problem. It's my pleasure to help you out.
1F4BF3B

admin@lizeal.tk
www.lizeal.tk
uCoz Community » For Webmasters » Design Customization » Purchased a premium template - Issue on Home page.
Page 1 of 11
Search: