disable left and right blank space on screen

Public Ticket #20709

disable left and right blank space on screen

Conversation thread

leoyipenvato replied

4 years ago

Customer Reply

Thank you for your effort, you may close the conversation.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Look great now. Do you've any other questions?

Regards,
PenciDesign.

leoyipenvato replied

4 years ago

Customer Reply

Thank you for your effort. But still nothing changed.

I found the following code helped.

@media (max-width: 960px)
{.wrapper-boxed > .container,
.penci-page-header-wrap
{padding: 0;}}

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width:767px) {
    .wp-block-columns .paddingup {
        padding: 0 10px !important;
    }
}

Regards,
PenciDesign.

leoyipenvato replied

4 years ago

Customer Reply

full width is wanted on tablet and mobile screen, padding will be added to some blocks by myself.

I would like to know how to delete the red areas shown in photo, thank you.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please send me a screenshot of your request, I'll check again and then send you a custom CSS code.

Regards,
PenciDesign.

leoyipenvato replied

4 years ago

Customer Reply

nothing changed.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

  @media only screen and (min-width: 961px) and (max-width: 1169px) {
      .container {
          width: 100%;
          padding-left: 20px;
          padding-right: 20px;
      }
  }

Regards,
PenciDesign.

leoyipenvato started the conversation

4 years ago

Conversation Start

In tablet and mobile screen, there's white blank vertical spaces in most right and most left. How to disable them?

Want to join this conversation or access attachments? Sign in first.