Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

BeeperChirp

Member
  • Content Count

    21
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hey thanks, @johnmd. I tried this and can't figure it out. It works well enough to center the text horizontally, but I'm also looking for a solution for to center the text vertically, too. Without spacers, it looks like this: With spacers, I'm able to align the text in the center of the page vertically (more or less) on desktop, like this: But on mobile, the spacers change and the text gets pinned to the top, like this: I'm hoping to center the text vertically on mobile like this: Should the solution you have here work for this too? Works great for horizontal alignment!
  2. Site URL: https://www.nateburdette.com/ How can I center the body text ("I write and edit...") on my homepage? I'd like to make the text centralized on my homepage on both desktop and mobile. It looks decent on desktop using spacers, but the spacers evaporate on mobile and the content is pinned to the top. Any way to make it central through CSS or another way? Here's a good benchmark of what I'm going for. I like how the body text ("Words and ideas") is centralized on both desktop and mobile: https://eriksena.com/ Thanks!
  3. Site URL: https://www.nateburdette.com/ I'm trying to change the background color of one page: nateburdette.com/nates-world I've tried a few things, and I can't get it to work for this template. Anyone know the trick, whether through custom CSS or header injection? Page: nateburdette.com/nates-world Collection ID: #collection-5e2f261508f8621492f2bab8 Desired background color: #f6f0ea
  4. @inspirian Ah, thank you; I just looked into this and got a good overview. Do you happen to know what I start with to swap the order of modules, such as a text block and image block? I'll keep digging!
  5. @tuanphan sounds good. Please see attached: The first image is what it looks like on desktop The second image is what I'd like it to look like on mobile (the test page is: www.nateburdette.com/test; password: kagome69). Is there any way to make it look like this without changing the desktop layout? Let me know if you have any questions!
  6. Hey @ladyniks, I'm using a Cover Page format. If you have a Cover Page in your template, there could be a good option like this. But if not, Tuanphan actually did give me a code for hiding the nav. Try this out: <style> header#header { display: none; } main#page { margin: 0; padding: 0; width: 100%; max-width: 100%; } </style>
  7. Site URL: https://www.nateburdette.com/beam-my-spirits-up I'm using a cover page template in the York template. Right now, the "play" button on this page is centered in desktop, but in mobile, it moves to the upper left. Is there a way to center this button on mobile? I'm worried people won't see it if not. https://www.nateburdette.com/beam-my-spirits-up PW: kagome69 Thanks!
  8. Site URL: https://www.nateburdette.com/kaast This page looks good on my desktop version, but I can't get the mobile layout isn't stacking correctly. Is there a way to alter the mobile layout without affecting the desktop version? I know in other platforms, like Wix, you can style mobile design without affecting the desktop. I'd like the order on mobile to be for each content block: Image Headline (H3) Text block Green arrow text link It should look something like the attached video. https://www.nateburdette.com/kaast PW: kagome69 mobile-stack-kaast.mov
  9. Site URL: https://www.nateburdette.com/where-am-i In the cover page format in York, is it possible to move the headline ("Art by Chris Baker") to the bottom of the page so that it doesn't appear like the site title? No other cover page format accomplished my goals; this is the best layout for me. https://www.nateburdette.com/where-am-i PW: kagome69 Any insight is greatly appreciated!
  10. Site URL: https://www.nateburdette.com/ Hi all, I'm wondering if there's a way to eliminate the slight scroll on my homepage on mobile. There's not much content, and I want the homepage to not scroll at all. (I'd like to even remove the scroll bar, like my homepage on desktop.) This code does the trick on desktop, but doesn't seem to be working on mobile. header#header { margin-top: 0; padding-top: 3vw; } Any help at all would be greatly appreciated!
  11. I figured it out. The cover page layout accomplishes all this. Who knew. Here's the end format result: https://www.nateburdette.com/where-am-i PASS: gogogadget
  12. @tuanphan Worked so far, but is it possible to make my image fill the entire browser (either by changing image size or adjusting side padding)? Right now it only fills ~70% of browser: My header is still showing on mobile. Is there a way to hide this and make my image full screen (right now it compresses like this). I tried some code but it didn't do the trick. Any help would be appreciated! My goal is to have a page with an image that fills 100% of the browser (no nav, no footer, no negative space) and two buttons. Any help on installing another button on this page would also be welcomed (poster image block only comes with one button; possible to add another)?
  13. Is there a way to make my homepage so that it doesn't scroll? There's not much content on it, but it still scrolls a little. Is there a way to do this through custom CSS (preferably not header injection)? Here's the test page: https://www.nateburdette.com Password: gogogadget Template: York
  14. Yes, that is perfect. Can you share this code with me or point me in the right direction?
×
×
  • Create New...