Content not utilizing space

  • I’m running into an issue where there’s a substantial amount of unused space on the sides on mobile. It’s been a while since I’ve tweaked anything so I’m a little rusty on where to adjust these settings.

    Screenshots: https://imgur.com/a/JV1ljB5

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    The issue you are facing because of the below code which you have added, remove the below code to fix the issue.

     div#primary{
 padding: 30px 50px 0 !important;
}

    https://ibb.co/VLQyn2b

    Or try to add the below code to fix the issue.

    @media screen and (min-width: 767px) {
 div#primary{
 padding: 10px 10px 0 !important;
}
}
    Thread Starter nickmclamb1

    (@nickmclamb1)

    Thanks for the suggestion. I don’t want to delete that code because it’s the white background that I need for my content. The new code you suggested only affects desktop content, not mobile.

    Also, The code you referenced is only partial. 

    div#primary {
    background: rgba(250, 250, 250, 0.85);
    padding: 30px 50px 0px 50px !important;
}
    Thread Starter nickmclamb1

    (@nickmclamb1)

    I don’t know why this didn’t work a year ago, but setting all of the pixel values to 0 does the trick.

    Abhishek

    (@abhikr781)

    Good to know that you have managed to fix the issue.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Content not utilizing space’ is closed to new replies.