Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile > Summary Block > Background Not Fitting to Device Width


I need help figuring out how to keep the summary block background on this page from being wider than the viewport. It took me forever how to figure out how to get the background to be full-width on desktop. It seems to all be shaping up except for the right side extended past the viewport on mobile devices. I would greatly appreciate any insight. Thank you!!!

Screen Shot 2019-12-02 at 6.49.28 PM.png

Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0

You can wrap your current Custom CSS in a media query that will render your changes only on desktop. 

@media screen and (min-width: 800px) {
  #block-yui_3_17_2_1_1574400161847_5399 .summary-block-wrapper {
    background: #e4e4e4;
    margin-left: -300px;
    margin-right: -300px;
    margin-bottom: 0px;
    padding-bottom: 3vw;
    padding-left: 300px;
    padding-right: 300px;
    margin-top: 0;


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...