Remove white space on mobile

  • shuriway

    (@shuriway)


    3 years, 8 months ago

    Hi,

    Newbie here. I am in the process of creating a Blog using the Dyad 2 theme. On the mobile version there is a huge amount of whitespace between the header and the grey-line/yellow-icon and the text. Could anyone help with reducing this please? I found a similar problem on the desktop version but found CSS to fix that.

    The pages are adamcarter.us/about and adamcarter.us/contact

    Thank you.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    3 years, 8 months ago

    Try adding this via Additional CSS in your Customizer:

    .is-singular:not(.home):not(.single-format-image) .entry-inner, .is-singular:not(.home).single-format-image:not(.has-post-thumbnail) .entry-inner, .is-singular:not(.home).page-template-eventbrite-index .content-area {
		margin: auto;
}
    Thread Starter shuriway

    (@shuriway)

    3 years, 8 months ago

    I had to remove the original customized css which worked on the desktop as it moved the line and icon even higher, It looks much better on the desktop. The mobile view has improved slightly. Can we go any higher with it?

    Thank you for your help James.

    Adam

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    3 years, 8 months ago

    Yes, instead of auto adjust that to negative or positive pixel values.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove white space on mobile’ is closed to new replies.