私のWebサイトの右側から不要なマージンを削除するには

Question

My WordPress Website Quidusテーマを使用すると、右から不要なスペースがあり、非常に悪いです。助けてください：どうすればこのスペースを削除できますか？私は私のウェブページが画面全体を埋めるようにしたい。左右に余裕がありません。

Look at the image provided below of my website.

My Website Link is here

注：私は、すべての記事が画面幅いっぱいに合うようにしたいです。

Answer 1

あなたのHTML構造は次のとおりです。

<div id="page"> 
    <div class="site-content"></div> 
    <div class="right-sidebar-wrapper"></div> 
</div> 

あなたのCSSは次のとおりです。

@media screen and (min-width: 955px) { 
    .site { 
    max-width: 1718px; 
    } 
} 

@media screen and (min-width: 1105px) { 
    .site-content { 
    width: 56%; 
    } 
} 

@media screen and (max-width: 1105px) and (min-width: 955px) { 
    .site-content { 
    width: 70%; 
    } 
} 

@media screen and (max-width: 480px) { 
    .right-sidebar-wrapper { 
    width: 100%; 
    } 
} 

@media screen and (max-width: 768px) and (min-width: 480px) { 
    .right-sidebar-wrapper { 
    width: 100%; 
    } 
} 

@media screen and (max-width: 1105px) and (min-width: 955px) { 
    .right-sidebar-wrapper { 
    width: 70%; 
    } 
} 

@media screen and (min-width: 1105px) { 
    .right-sidebar-wrapper { 
    width: 22%; 
    } 
} 

あなたのCSSに問題が.site-contentと.right-sidebar-wrapper幅はそれを彼らの親の100％をしないです。

のは明確にしましょう：ウィンドウ幅で

• > 1105px .site-content = 56％％.right-sidebar-wrapper = 22つつ56％+ = 78％22％が、100％ - は= 22％78％マージンがウィンドウ幅でこの解像度

• でから来て> 955と = 70％と70％+ 70％= 140％そう#pageはできませんので.site-content以下右手のサイドバーの表示を行う.right-sidebar-wrapper = 70％同じものを含む彼らはあなたがそれらを隣同士に表示する解像度で親の幅の100％を取るように、その幅について.site-contentと.right-sidebar-wrapper CSSルールをこの変更を解決するためにライン

。

@media screen and (min-width: 1105px) { 
    .site-content { 
    width: 56%; 
    } 
} 

@media screen and (max-width: 1105px) and (min-width: 955px) { 
    .right-sidebar-wrapper { 
    width: 70%; 
    } 
} 

へ：

@media screen and (min-width: 1105px) { 
    .site-content { 
    width: 78%; 
    } 
} 

@media screen and (max-width: 1105px) and (min-width: 955px) { 
    .right-sidebar-wrapper { 
    width: 30%; 
    } 
} 

解決策は、変更することです