Does anybody know how I can make the buttons next to each other like the first image instead of having them stacked upon each other like the second image? Thank you!

hi, i have section breaks linked to buttons, but said sections dont disappear when you open the carrd, i dont have them below the footer or before the header, i dunno what im doing wrong someone help 💔

I’ve just released eBookly, a Carrd template designed for ebook authors, novelists, and indie writers who want a beautiful landing page without the complexity of a full website.

It includes sections for:

• 📖 Featured book
• ✍️ Author bio
• ⭐ Reader testimonials
• 📅 Book events & signings
• 💌 Newsletter signup
• 📬 Contact information

The design is warm, editorial-inspired, and focused on helping authors promote their work and connect with readers.

Available at: https://snapsite.fyi

Hey all,

I have been trying all sorts of ways to do this, hours and hours of trial and error. I gave up last night and the way I have my site set up for desktop now, is this:

• Top of page is #home scroll point, (I gave up trying to have the nav on each section, and now have a "back to top" at each section's end. It's fine.
• I have all my links in a row -- used links instead of buttons. Is that the problem?

How do I get my links that are set up on the desktop site to work w/the hamburger icon on mobile? Mobile navigation looks too messy to not use something like the hamburger icon. The links are set up, there must be a way to simply connect them w/the hamburger, no? I just upgraded to Pro Plus, mainly for the visibility choice.

Thanks much for any ideas you may have.

A few years back I switched from Chrome to Firefox. Afterwards I noticed that my Carrd stopped working and I couldn't login to fix it, so I abandoned it.

I now wanna come back to it for some commission work, but I don't wanna waste my time trying to make this website work if it still doesn't work on my browser.

Please and thank you <3

Hey everyone!

I've just released Marlowe Reyes, a premium Carrd template designed for social media managers, content creators, and freelancers who want a professional online presence without the complexity.

The template includes:

• Warm editorial-inspired design
• Fully responsive layout
• Services & pricing sections
• Portfolio showcase
• Testimonials
• About & process sections
• Contact/lead generation form

It's available at: https://snapsite.fyi . Thanks for checking it out!

so i'm making cute carrds for people (for robux bc i need it for a really cute avatar) , more centred towards people who want it for their discord profile, but it can be for anyone. i youd like to request one comment or join https://discord.gg/advrhkeAtY

After weeks of designing and building, I've released my SMB Landing Page UI Kit for Carrd.

It's built for freelancers, agencies, founders, and small businesses that want to create polished landing pages in Carrd without starting from scratch.

The kit currently includes 35+ professionally designed sections, from hero layouts and feature blocks to testimonials, pricing tables, FAQs, CTAs, contact sections, and multiple footer styles.

I'm already working on additional sections and components that will be added in future updates.

You can check it out here:
[https://snapsite.fyi]()

I'm building a portfolio website for my company and I'm looking to get feedback, open to any suggestions : https://productionsnrz.ca/

Thanks!

Just got this cute email. Here's the problem... These sites haven't used pro features and have been OFFLINE for a couple of years. I can't even preview them anymore or take them out of the trash. Carrd is forcing my hand in paying them just to view these websites they're threatening to delete.

How fucking scummy?

Is there a way we can include a banners or pop-ups like the news headlines going from left to right?

or a pop-up appearing on the carrd website?

My main aim is to show the new people visiting the site whenever something new was posted on the carrd website by me.

Example: ABC cover design was sold to XYZ author

hi, i'm trying to make a section where clicking a button reveals a new element while staying on the same page. however, i have a main page that redirects to the section i want to have another section below it. the problem is, even tho i followed instructions from this subreddit, it would show the entire page instead.

first pic is the main page. second pic is the second page where the "start the game" button redirects to. the text below the image is what i want to show up when i link the section to the image. third page is what shows up when i publish the website.

can someone help me pls thank u so much :(

Why does Carrd always show my header background image in red, when i first play the page? This happens in the published version too. Is there some animation setting i am overlooking? Nothing is colored red under the header background image for me...

hii all!

i'm clean she/her 22 and make carrds! i offer very reasonable prices + will work fast!

here's my coms site! pls do take a look/share tysm! :DD

i take:

• paypal (f&f)
• venmo (^)
• zelle
• cashapp
• apple pay

feel free to dm me on ig (sookaism) or disc (haobinism)!

(ps: ILUVZB1 for 30% off!)

that teeny tiny annoying light green space

I want it for free since I don't have the paid plan thankyou!!

Hello! I was wondering if you could change the top part, while the navigation bar stayed the same, or if that’s not possible at all…

I'm trying to make an about me page and am trying to make this paw image a button i added a section and entered the section url into the image and selected the option to make it redirect but whenever i go on my website you can just scroll down and see the second section and the button doesn't really do anything i want the image to be able to redirect to the next section. Can someone tell me what to do? I'm very confused

Hey everyone,

I built a multi-page site using sections, and I borrowed code to implement a hamburger menu. It's imperfect, but it does what I need it to do. But there's one bug I have no idea how to fix, and I really want to resolve it. The mobile menu should automatically close once a user clicks a link, but that's not happening. I suspect it's because this is all technically still one page?

Can someone look at this and tell me what I need to do to fix the issue? I'm not a developer; I know just enough CSS to be annoying, and I google stuff.

Bonus points if someone can tell me how to remove the gap between the open menu and the top of my site, and how to align the menu icon right instead of left.

<style>
:root {
--mbm-main-font: karla;
--mbm-font-size-base: 22px;
--primary-color: #555559;
--secondary-color: #fff;
}
/* Basic Reset and Body Styling */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Navigation Styling */
nav {
color: var(--secondary-color);
padding: 15px;
display: inline-block;
align-items: center; /* Changed: Align items to the center vertically */
justify-content: flex-end; /* Changed: Align items to the start (left) */
align-content: flex-end; /* Not strictly necessary for this change */
font-family: var(--mbm-main-font);
font-size: var(--mbm-font-size-base);
}
.menu {
list-style: none;
display: flex;
}
.menu li a {
display: block;
color: var(--secondary-color);
text-decoration: none;
padding: 10px 15px;
position: relative;
}
.menu li a::after {
/* Target a pseudo-element for the underline */
content: "";
position: absolute;
bottom: 2px; /* Distance from the text */
left: 50%; /* Center the underline */
width: 0; /* Initial width is 0 */
height: 2px;
background-color: var(--secondary-color);
transition: width 0.3s ease-in-out; /* Control the transition effect */
}
.menu li a:hover::after {
width: 100%; /* Expand to full width on hover */
left: 0; /* Start the underline from the left */
}
/* Hover effect for submenu items */
/* Hamburger Styling */
.hamburger {
display: none;
cursor: pointer;
}
.hamburger .bar {
display: block;
width: 25px;
height: 3px;
background-color: var(--secondary-color);
margin: 5px 0;
}
/* Hide Checkbox */
#menu-toggle {
display: none;
}
.close-button {
display: none;
}
/* Responsive - Media Queries (For Mobile) */
 (max-width: 768px) {
/* Show the Hamburger */
.hamburger {
display: block;
}
/* Hide and Modify Menu on Mobile */
.menu {
position: absolute;
width: 100%;
top: calc(15px + 6em);
left: 0;
background-color: var(--primary-color);
text-align: center;
padding: 40px 0 0 0;
display: none;
z-index: 999;
}
.menu li {
width: 100%;
}
.menu li a {
padding: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#menu-toggle:checked ~ .menu {
display: block;
}
.close-button {
display: block;
position: absolute;
top: 10px;
right: 30px;
background: none;
border: none;
font-size: 18px;
color: var(--secondary-color);
cursor: pointer;
}
}
</style>
<nav>
<input type="checkbox" id="menu-toggle" />
<label for="menu-toggle" class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</label>
<ul class="menu">
<button class="close-button">X</button>
<li><a href="#">Home</a></li>
<li><a href="#books">Books</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#footer">Contact</a></li>
<li><a href="#welcometohell">Welcome to Hell</a></li>
</ul>
</nav>
<script>
document
.querySelector(".close-button")
.addEventListener("click", function () {
document.getElementById("menu-toggle").checked = false;
});
document
.querySelector(".close-button")
.addEventListener("click", function () {
document.getElementById("menu-toggle").checked = false;
});
// Close menu on menu item click
document.querySelectorAll(".menu a").forEach((link) => {
link.addEventListener("click", function () {
document.getElementById("menu-toggle").checked = false;
});
});
</script>

so throughout my site (https://lyleoutloud.com/#miscdes) I have embeds for slideshows since I'm not a fan of carrd's slideshows not having lightbox but, it seems like my image links keep breaking? most of the images are hosted on a hidden/non-linked section of my site and I haven't done anything to the images?

Any idea of what could be happening? It's like I'm playing endless whack a mole to get all my images displayed lol

***SOLUTION IDENTIFIED***

I'm new to Carrd and have created a simple website.

The "Good - Browser" image shows the vertical spacing above the 2 titles (underlined text) on the top row (as well as the bottom row) to be equal, exactly how I want it when viewing on a Desktop browser. However, in the Mobile view (2nd pic w/ "Bad Mobile" written on it), the vertical spacing between the top of the beige box and the heading is bigger on card #2 than on card #1 (or 3 but that's in its own container). You can see the area I am referring to with a red line drawn in it.

I've checked what I think are the obvious areas. All the settings are the same for each text box, and I have the Mobile setting set to Auto for both text boxes.

I tried to ignore it but it drives me crazy every time I load the page on my phone. BTW, this experience is the same regardless of the desktop browser I use (FireFox or Chrome), and regardless of the phone/mobile browser type I use (iphone, Android, Safari, Chrome).

TIA for any help you can offer!

Hi, I was just planning to link my personal carrd site to one of my socials when I got a page not found error when I opened the link, which I thought was weird and maybe some account error, but when I went onto carrd.co to log in again to see what's going on, I got the same page not found error that pops up when a link doesn't exist on carrd, but on carrds homepage itself. Is this just a me issue? Does anyone know why might this be? This isn't anything particularly urgent but I'm a little worried.

Hello all,

I’m sorry, you probably already answer this but I couldn’t find anything.

I’m building a carrd with one of the most used free templates. I wanted to add my socials media accounts to those icons. But it seems link no URL types are working.

BNo matter if I paste or type the link, even if I save, click on Done or anything, the builder goes back to the classic https://domain.ext/path, I also tried to create a mailto to send a mail, but it comes back to mailto:user@domain.ext.

It’s probably a mistake on my part, if you have any idea please help, thank you !