Blogger 動態視圖 FLIPCARD：如何增加移動設備上彈出面板的寬度？

Question

我的博客是基於 Blogger 動態視圖 FLIPCARD 主題的https://testfnm12.blogspot.com 。

在移動設備上，白色彈出面板太窄了，如下圖所示：

我的博客是為了展示我的照片，所以我希望彈出面板是全屏寬度，以便盡可能大地顯示照片。

我嘗試使用以下 CSS 使面板變寬： .overview-wrap{ width: 105% !important; } .overview-wrap{ width: 105% !important; }這確實增加了彈出面板的寬度，但不幸的是面板現在是偏離中心和熄滅在屏幕的右邊緣，如在該屏幕截圖所示：

我不知道如何將面板居中，實際上我什至不確定這是用於使彈出面板占據整個屏幕寬度的正確 CSS。

如果有人能告訴我如何使彈出面板占據移動屏幕的整個寬度，我將不勝感激。 謝謝！

Answer 1

我自己已經找到了答案。 使用此 CSS 將使彈出面板更寬到移動屏幕的整個寬度：

@media screen and (max-width: 768px) {
.overview-wrap{
width: 110%;
margin: -8vw !important;
}
}