Rebuilding an old website using Pro Builder. Trying to create a new responsive blogpost header layout which seems to have taken considerably more tweaking that I imagined. I’ve manually set the sizing and position of some elements at each break point. It’s as close to what I want it to be as I can get, yet what I’m seeing when viewing and testing the various breaking points on the front end is very different from what I am seeing on another actual device. I’ve tried clearing the cache on both the backend of the site as well as the various browsers I’ve viewed it in, but nothing changes.
If it helps, I build, edit, etc., on a 27" iMac, and double check the work (some of it anyway) on my MacBook Pro 13", where I’m not logged into WordPress.
Here’s what it looks like at the main breakpoint (front end view). This is the way I actually want it to look:
Here is the view showing the corresponding breakpoint (preview in builder): [Note–I’m not sure why, but even after assigning this header, the layout seems to always want to populate the editor with information from the website’s front or home page. Not sure how to change that.]
This is the problem here. This is the view of the actual header on a separate device, my MacBook Pro 13".
I’ve cleared the website’s cache a few different times, as well as the various browsers. If it were a plug-in issue, I would think I would be seeing that on the iMac and not on the MacBook. Perhaps I’m wrong.
Obviously, what I’m trying to do is create a header layout using a Dynamic Post Title that appears as “writing” on the chalkboard image in the header.
On the MacBook Pro, the title seems to appear as it’s original size, and does not respond by sizing down when the browser window size is adjusted.
However, when tested within the layout editor, and even on the front end preview, it all works just fine.
While I know this is likely a separate issue, I would like to know if there is a way to actually have the blogpost header editor populate with one of the existing blogposts headers, as well as the content area of the page to at least give me some semblance as to what the page may look like, without having to flip back and forth between browser tabs and windows, or checking it on another device.
Any helpful hints, tips, or solutions greatly appreciated.