Skip to content

[Bug] Pagination padding and full-width margins creating horizontal scroll on mobile #357

@joe9663

Description

@joe9663

Describe the bug
User reported an issue with horizontal scrolling happening on their home and blog pages.

Home page is configured with a left sidebar and set to full-width. Negative margin assignments from the theme framework created a horizontal scroll on mobile/tablet displays, but worked as expected on desktop.

Blog page had a horizontal scroll created by the padding values on the pagination buttons.

To Reproduce
Provided backup of site to James. Issues can be replicated by removing the following CSS from the Customizer in that backup:

.palette-primary .pagination>li>a, .palette-primary .pagination>li>span {
    padding: 0.5em 0.625em;
}
@media (max-width: 991px) {
    .full-width .entry-content .gallery-full-width.tmpl-gallery-7 {
        margin-right: 0;
    }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    CriobugGeneral bug issues

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions