Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 22, 2023 at 12:44 pm #1414035
    woogie07

    Hi,

    Across my site, I have some special headings that have animation and parallax set within the column > advanced

    The heading moves down and crashes into any copy below, which I want to stop, especially on mobile.

    Is there any CSS that can be added as I have these animated headings sitewide, OR do I need to change any animation/position settings for each heading

    Sample link in Private

    Thanks

    July 22, 2023 at 11:18 pm #1414092
    Mike

    Hey woogie07,
    Thanks for the link to your page, but I don’t see any animated headings crashing into any copy below on mobile.
    Are you referring to the heading “The guiding principles that determine our actions”?
    If this is the special heading and it is the model for many across your site and you want a little extra padding below it on mobile, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
	#top #main .active-parallax .av-special-heading {
		padding-bottom: 30px;
	}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.