Authority PRO blockquote

[odnt]

The blockquote content on the Authority PRO theme does not play well on mobile devices. The quote symbol floats out of the frame (above the content). Can you suggest a fix in CSS?

Thanks,
-Rick

https://my.studiopress.com/themes/authority/#demo-full

[AnitaC]

I've tested it on mobile and in responsive browser and it's working fine - https://demo.studiopress.com/authority/blockquote/. Are you testing the demo page on mobile or a page with the blockquote from a website you are working on.

---

Need help with customization or troubleshooting? Reach out to me.

[odnt]

My website content (still in development) works the same as the theme demo. On two mobile devices (Nexus tablets) and my Samsung phone, the quote symbol floats above the content. On desktops, it looks fine.

[AnitaC]

The coding is set by design to display above the text in this media query:

@media only screen and (max-width: 800px)

That code is:

blockquote::before {
		position: relative;
		left: -8px;
		height: 80px;
		top: auto;
	}

You will need to adjust this code, along with:

blockquote {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 0;
	}

...to your desired look for your devices.

---

Need help with customization or troubleshooting? Reach out to me.

[odnt]

Thanks Anita. I'll need to change this default design to something that's more consistent across all platforms.

[Author]

Posts