Container size in laptop views

Public Ticket #20555

Conversation thread

Nello270 replied

4 years ago

Customer Reply

Worked perfectly, thank you :)

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: 1170px) and (max-width: 1400px) {
      .container.two-sidebar.two-sidebar {
          max-width: var(--pcctain) !important;
      }
  }
  @media only screen and (min-width: 961px) and (max-width: 1169px) {
      .container.two-sidebar.two-sidebar {
          max-width: 940px !!important;
      }
  }

Regards,
PenciDesign.

Nello270 started the conversation

4 years ago

Conversation Start

Hi; I'm getting close to finishing my homepage and noticed an issue with viewing the site on laptops (I'm designing on a desktop):

—the "container" (two sidebars and a blog) appears wider than my Slider Revolution slider on laptops. I tried matching them in width by going to Appearance-->Customize-->General-->Custom Container Width for 2 sidebars) at 1170px but it didn't change anything on laptops, only on my desktop. Is there another way?

thanks :)

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