Mobile page width (i.e., left and right side padding)

  • Resolved brentrambo

    (@brentrambo)


    1 year ago

    How is the site wide left and right padding adjusted for mobile devices? The TT5 theme’s padding is too much for my liking.

    I have searched and tried a lot of “solutions,” but none have worked. This question was asked for TT3, but the answer doesn’t work for me in TT5.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter brentrambo

    (@brentrambo)

    1 year ago

    This is kind of a stopgap fix until I get the correct answer. Go to the full site editor,then go to Styles in the top right corner, then go to Layout, and adjust the padding. This will adjust the padding for desktop and mobile, it has no impact on desktop for my design.

    • This reply was modified 1 year ago by brentrambo.
    Thread Starter brentrambo

    (@brentrambo)

    1 year ago

    This CSS appears to do the job. I placed it in the Additional CSS area of the full site editor’s Styles section.

    @media screen and (max-width: 768px) {
    .has-global-padding {
      padding-right: 1rem; 
      padding-left: 1rem;
      }
    }
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile page width (i.e., left and right side padding)’ is closed to new replies.

Tags