Spacing in Mobile

  • Resolved tiinatreasure

    (@tiinatreasure)


    4 years, 3 months ago

    Hi! Thanks so much for a great plugin. I find that the site looks good on web but on mobile there is too much space between the header and the title and then between the title and the body of the site. Is there any way to adjust this amount of spacing?

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

Viewing 1 replies (of 1 total)
  • Plugin Author Twentig

    (@twentig)

    4 years, 3 months ago

    Hi,

    Thanks for the kind words.

    There’s too much space below the header on your website because you have a Google Analytics code inserted inside the main content. Normally the margin of the first child is set to 0, but this code interferes with the CSS. So either you move the Google Analytics inside the <head> of the page, or you can add the following CSS in the Customizer > Additional CSS panel:

    .site-main .hentry {
	margin-top: 0;
}

    Then to decrease the margin below the title on mobile, you can add the following CSS (adjust the 40px value as you like):

    @media only screen and (max-width: 651px) {
	.singular.tw-title-no-border .hentry .entry-header {
		margin-bottom: 40px;
	}
}

    Hope that helps,
    Diane

Viewing 1 replies (of 1 total)

The topic ‘Spacing in Mobile’ is closed to new replies.