How to remove the blank side

Page 1 of 1 1
Forum moderator: bigblog

ucozpp

Posts: 27

Reputation: 0

Message # 1 | 4:24 AM 2016-06-07

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 (33.4 Kb)

Sunny

Posts: 9296

Reputation: 456

Message # 2 | 3:11 PM 2016-06-07

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 2016-06-11

Here it is, thank you, Sunny.

http://adnet.ucoz.co.uk

SanTLee

Posts: 46

Reputation: 3

Message # 4 | 3:06 AM 2016-06-11

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 2016-06-12

Dear SanTLee,

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

Attachments: 4682774.jpg (26.9 Kb)

Post edited by ucozpp - Sunday, 2016-06-12, 12:04 PM

SanTLee

Posts: 46

Reputation: 3

Message # 6 | 6:52 PM 2016-06-12

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?>

How to remove the blank side

Page 1 of 1
1