Page 1 of 11
Forum moderator: bigblog 
uCoz Community » For Webmasters » Design Customization » How to remove the blank side
How to remove the blank side
ucozpp
Posts: 27
Reputation: 0
Message # 1 | 4:24 AM
Hi,

Could you please help me remove the two blank sides of my site?

This is the screenshot when I resize my window because it takes a lot of space when accessing by cellphone.

Attachments: 3482520.png(33Kb)
Sunny
Posts: 9296
Reputation: 456
Message # 2 | 3:11 PM
ucozpp, if you want the forum members to help you, provide the website address smile
I'm not active on the forum anymore. Please contact other forum staff.
ucozpp
Posts: 27
Reputation: 0
Message # 3 | 1:16 AM
Here it is, thank you, Sunny.

http://adnet.ucoz.co.uk
SanTLee
Posts: 40
Reputation: 3
Message # 4 | 3:06 AM
Quote ucozpp ()
Could you please help me remove the two blank sides of my site?


cp:Home » Design customization » Editing templates
Style sheet (CSS)

Replace codes(class and id) bellow and save. smile

Code


@Line #: 408

.wrapper {
    width: 100%;
}

@Line #: 414

#catmenu.nav-mobi {
    width: 100%;
    float: none;
    text-align: left;
    max-width: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@Line #: 425

#content #cont-i, #content.no-bg #cont-i {
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@Line #: 428

.eBlock {
    position: relative;
    margin: 0;
    width: 100%;
}


<?if(you_have)?> a <head>and<?if(you_have)?> a <body> you have to have
<div id="idea" class="extreme" > to be inventive </div><?endif?><?endif?>
ucozpp
Posts: 27
Reputation: 0
Message # 5 | 12:04 PM
Dear SanTLee,

Thanks for your help. But the problem has not been solved. Could you please check?

Attachments: 4682774.jpg(27Kb)
Post edited by ucozpp - Sunday, 2016-06-12, 12:04 PM
SanTLee
Posts: 40
Reputation: 3
Message # 6 | 6:52 PM
To apply full-width 4 all mobi-screens

Add "!important" to "width: 100%" of above codes

To become

Code
    width: 100% !important;

<?if(you_have)?> a <head>and<?if(you_have)?> a <body> you have to have
<div id="idea" class="extreme" > to be inventive </div><?endif?><?endif?>
uCoz Community » For Webmasters » Design Customization » How to remove the blank side
Page 1 of 11
Search: