Claude
I’ll pull the code of all 35 snippets from your Code Snippets plugin and review them. This is read-only, nothing will be changed.

I’ve reviewed all 34 active snippets and the one inactive snippet, plus the 12 in the trash. I checked which pages use each one’s shortcode and what actually shows up on the live site. I didn’t change anything.

Safe to delete: unused or replaced (8)
#	Snippet	Why it’s not needed
36	Home	Its homepage-hero shortcode isn’t on any page. The Top Fold has replaced it.
19	Hero Event Slider	Its slider shortcode isn’t used on any page or by any other snippet.
13	Interactive Municipality Explorer Map	It uses the same shortcode name as #24, Homepage interactive map, and #24 wins, so the homepage shows #24’s map. #13 never runs.
9	Municipality Cards Grid	Replaced by Municipalities page (#41). Its shortcode isn’t on any page.
27	About	Replaced by About page (#46). Its old shortcode isn’t on any page.
14	Public Event Submission Form	Already inactive. Replaced by Event and contact forms (#45).
8	Inject Event Metadata	It’s supposed to add date and venue details to event pages, but nothing from it appears on them. Your event page template already handles this.
12	AJAX Live Search & Date Filter	Nothing on the site calls it anymore. Deactivate it first and check that search on the Events page still works before deleting.
One-time tools you can remove (2, plus 1 later)
#	Snippet	Notes
16	Seed Municipalities & Events Data	It only runs once, and it has already added the towns and events.
40	import	A one-time import of nine more attractions, which is already done.
35	photo assigner	Keep it while you’re still assigning photos by file name, then delete it.
Trash
There are 12 trashed snippets. Empty the trash to clear them out.

Keep these
Everything else is in use:

Post types: cpt (Events), Attractions, Activities, Accommodations.
Page builders: Activities new, Events page, Attraction page, Municipalities page, About page, Getting here, Route Planner, and Event and contact forms.
Calendar and town pages: Calendar, Town pages and Event Grid Shortcode.
Event fields: the three event field snippets (#7, #18, #21) and Event Gallery Field.
Homepage map: Homepage interactive map.
Site setup: Page layout, css, and Top Fold.
Two snippets to tidy later (keep them)
Header and footer (#10): the footer half is still needed. The top half styles the old GeneratePress dropdown menu, which the Top Fold header has replaced, so that part no longer does anything.
css (#11): it loads portal-styles.css with the fixed 1.0.0 version. The Top Fold already corrects this, so it’s fine, just redundant. Leave it, since it’s what loads the stylesheet.
Safest way to clean up: deactivate the eight snippets in the first group and the two finished one-time tools. Click around the homepage, Events, Municipalities and About pages. If everything looks right, delete them.

Create a spreadsheet from your last answer.

Code Snippets Audit – tourism.cpic-ia.com
Claude Sheets
·Only you
include the snippets that are being used and add a note where we are using them

Code Snippets Audit – tourism.cpic-ia.com
Claude Sheets
·Only you
I’ve made a spreadsheet of the snippet audit, with all 35 snippets, including the ones you’re using, plus a row for the 12 in the trash.

Columns: Snippet, #, Action, Where it’s used, Why, Currently (active or inactive), and a Done checkbox to tick as you clean up.

Where it’s used

Kept snippets: this column names the page and its address, for example “Events (/events/) and town pages (/municipality/…/)”. For behind-the-scenes code it names the admin screen instead, such as “Admin: event edit screen”.
Snippets to delete: it says why they’re unused, for example “Not used: overridden by #24 on the homepage”.
Action is a colored dropdown, so you can change any decision:

Delete: 9 snippets.
Test, then delete: AJAX Live Search.
Delete when done: photo assigner.
Empty trash: the 12 trashed snippets.
Keep, tidy later: Header and footer, and css.
Keep: the other 22.
let's make the navigation menu equal length, and in mobile, can we move 'Province of Catanduanes below the logos and move the menu icon to top right

Shared a file, used the browser (6 actions), ran 2 commands
I’ve made both changes in the updated icp-top-fold.css. Replace the file in your child theme’s css folder. Your site already loads this file, so the changes show as soon as you save, with no snippet update needed.

Equal menu items (desktop): all five menu items are now the same width, so Home, Adventures, Accommodations, Food Trip and Map are evenly spaced and each icon sits centered over its label. The wider menu needs more room, so the header now switches to the “Menu” button on screens narrower than about 1320px (before, it was about 1180px). That stops the menu from wrapping onto two lines.

Phones:

The two logos sit on top, with “Province of Catanduanes” on its own line below them.
The “Menu” button is pinned to the top-right corner.
I previewed the phone layout on your live homepage at phone size, and it looked right. I haven’t previewed the equal-width desktop menu.

Icp top fold
Code
·CSS
can we replace the palm tree branch in  the top fold design with coconut's and remove the abaca border sitewide

Settling on coconut fronds with pinnate leaflets
I’ll swap the palm branches for a coconut palm crown, with drooping coconut fronds and a cluster of coconuts, and remove the rope border from every page. First I’ll draw the coconut art and check how it looks.

Shared 2 files, read a file, ran 4 commands
I’ve made both changes. They need both updated files: replace the Top Fold snippet code with the new icp-top-fold.php, and replace icp-top-fold.css in your child theme’s css folder.

Coconut palms: the two palm branches in the homepage top fold are now coconut palm crowns. Each has long fronds that arch out and droop, with hanging leaflets in a few shades of green and a cluster of four brown coconuts.

One crown hangs from the top-right corner, partly behind the Adventures box.
A mirrored, smaller one sits in the top-left corner.
On phones, only the right one shows, scaled down.
I drew the coconut palm and checked it on its own, but I haven’t previewed it in place on the page.

Rope border: the rope frame around every page is gone, so pages run edge to edge again. The rope details inside the design stay: the knotted rope under “Island Strong” and the rope frame around the “Surf • Islands • Falls…” band at the bottom of the homepage. Tell me if you’d like those removed too.

Icp top fold
Code
·PHP
Icp top fold
Code
·CSS



Claude is AI and can make mistakes.
Icp top fold · CSS
/* ==========================================================================
   Catanduanes Top Fold — header (all pages) + homepage hero
   Add to the end of portal-styles.css. All classes are prefixed "icp-".
   ========================================================================== */
 
:root {
	--icp-navy: #14275A;
	--icp-ink: #22304A;
	--icp-rope: repeating-linear-gradient(45deg, #ECD39C 0 5px, #B8894A 5px 8px, #D9B77E 8px 13px, #7E5729 13px 15px);
	--icp-font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
	--icp-serif: "Fraunces", Georgia, serif;
	--icp-display: "Sansita", "Nunito", sans-serif;
}
 
/* ---------- Header ---------- */
.icp-header {
	position: relative;
	z-index: 50;
	font-family: var(--icp-font);
	color: var(--icp-navy);
	background: linear-gradient(180deg, #CBEAFB 0%, #DDF1FC 100%);
}
.icp-header__inner {
	width: 100%;
	box-sizing: border-box;
	padding: 12px clamp(16px, 3vw, 48px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: rgba(255, 255, 255, 0.55);
	border-bottom: 2px solid rgba(255, 255, 255, 0.9);
}
.icp-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: var(--icp-navy);
}
.icp-brand__logo {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 3px #FFFFFF, 0 4px 12px rgba(20, 39, 90, 0.2);
}
.icp-brand__title {
	margin-left: 4px;
	padding-right: 18px;
	border-right: 2px solid #B9D3EA;
	font-family: var(--icp-serif);
	font-weight: 800;
	font-size: 22px;
	line-height: 1.1;
	white-space: nowrap;
}
 
.icp-nav {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 14px;
	font-weight: 800;
}
.icp-nav__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	flex: 0 0 118px; /* every menu item the same width */
	width: 118px;
	box-sizing: border-box;
	padding: 2px 4px 8px;
	color: var(--icp-text, var(--icp-navy));
	text-decoration: none;
	white-space: nowrap;
}
.icp-nav__link:hover,
.icp-nav__link:focus-visible {
	color: var(--icp-text, var(--icp-navy));
	text-decoration: underline;
	text-underline-offset: 4px;
}
.icp-nav__link.is-current {
	box-shadow: inset 0 -4px 0 #F5A623;
}
.icp-nav__icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0 3px 10px rgba(20, 39, 90, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
}
.icp-plan {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 999px;
	background: linear-gradient(180deg, #2A5BC0, #14275A);
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: 800;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 6px 14px rgba(20, 39, 90, 0.3);
}
.icp-plan:hover,
.icp-plan:focus-visible {
	color: #FFFFFF;
	filter: brightness(1.1);
}
 
.icp-nav-toggle {
	display: none;
	margin-left: auto;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 14px;
	border: 2px solid var(--icp-navy);
	border-radius: 999px;
	background: #FFFFFF;
	color: var(--icp-navy);
	font: 800 15px var(--icp-font);
	cursor: pointer;
}
.icp-nav-toggle__close { display: none; }
.icp-header.is-open .icp-nav-toggle__open { display: none; }
.icp-header.is-open .icp-nav-toggle__close { display: inline-flex; }
.icp-nav-toggle svg { display: block; }
 
/* ---------- Hero ---------- */
.icp-hero {
	position: relative;
	overflow: hidden;
	font-family: var(--icp-font);
	color: var(--icp-navy);
	background: linear-gradient(180deg, #DDF1FC 0%, #F3FAFE 30%, #FFFFFF 58%, #ECF8FE 100%);
}
.icp-palm {
	position: absolute;
	z-index: 0;
	pointer-events: none;
}
.icp-palm--right {
	right: -40px;
	top: -30px;
	width: 420px;
	height: 420px;
}
.icp-palm--left {
	left: -40px;
	top: -20px;
	width: 340px;
	height: 340px;
	transform: scaleX(-1);
}
.icp-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 1340px;
	margin: 0 auto;
	padding: 36px 28px 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 44px;
	align-items: flex-start;
}
.icp-hero__copy {
	flex: 1 1 460px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-top: 6px;
}
.icp-hero__slider {
	flex: 1.2 1 560px;
	min-width: 0;
}
 
.icp-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.icp-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 34px;
}
.icp-chip--official {
	padding: 0 16px;
	border-radius: 10px;
	background: linear-gradient(180deg, #D9631E, #A9420C);
	border: 2px solid #F7C99E;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #FFFFFF;
	box-shadow: 0 3px 8px rgba(169, 66, 12, 0.3);
}
.icp-chip--abaca {
	padding: 0 14px 0 8px;
	border-radius: 999px;
	background: linear-gradient(180deg, #EFFAEF, #D3F0D6);
	border: 1.5px solid #9BD8A6;
	font-size: 14px;
	font-weight: 800;
	color: #1D5E33;
}
 
.icp-title {
	margin: 0;
	font-family: var(--icp-serif);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -1.5px;
	color: var(--icp-navy);
}
.icp-title__place {
	display: block;
	font-size: clamp(48px, 6.2vw, 88px);
}
.icp-title__tag {
	display: block;
	font-family: var(--icp-display);
	font-style: italic;
	font-weight: 900;
	font-size: clamp(40px, 5vw, 72px);
	letter-spacing: -0.5px;
	white-space: nowrap;
}
.icp-grad-island,
.icp-grad-strong {
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.icp-grad-island { background-image: linear-gradient(90deg, #FFA51F, #E8461B); }
.icp-grad-strong { background-image: linear-gradient(90deg, #1FB5C9, #0E6AA8); }
.icp-title__wave {
	display: block;
	width: 4.17em;
	height: 0.65em;
	margin: 0.03em 0 0 2.58em;
}
.icp-rope {
	display: block;
	width: 260px;
	height: auto;
	margin-top: -24px;
}
.icp-intro {
	margin: 0;
	max-width: 560px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--icp-ink);
}
 
.icp-quick {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	max-width: 580px;
}
.icp-quick__tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 16px 8px 14px;
	border: 2.5px solid var(--icp-b);
	border-radius: 16px;
	background: linear-gradient(180deg, var(--icp-bg1), var(--icp-bg2));
	color: var(--icp-t);
	font-size: 16px;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 6px 14px rgba(20, 39, 90, 0.10);
	transition: transform 0.15s ease;
}
.icp-quick__tile svg { stroke: var(--icp-b); }
.icp-quick__tile:hover,
.icp-quick__tile:focus-visible {
	color: var(--icp-t);
	transform: translateY(-3px);
}
.icp-quick__tile--orange { --icp-b: #F2A33A; --icp-bg1: #FFF7E8; --icp-bg2: #FFE9C7; --icp-t: #C25A0A; }
.icp-quick__tile--green  { --icp-b: #3DAA5B; --icp-bg1: #EFFAF1; --icp-bg2: #D5F1DB; --icp-t: #1D6E3E; }
.icp-quick__tile--pink   { --icp-b: #E2558B; --icp-bg1: #FFF0F6; --icp-bg2: #FBD6E5; --icp-t: #B22A60; }
.icp-quick__tile--blue   { --icp-b: #2F86D9; --icp-bg1: #EEF6FE; --icp-bg2: #D3E7FB; --icp-t: #1A5FA8; }
 
.icp-search {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 580px;
	margin: 0;
	padding: 6px 6px 6px 20px;
	background: #FFFFFF;
	border: 2.5px solid #8A4B1F;
	border-radius: 999px;
	box-shadow: 0 6px 16px rgba(20, 39, 90, 0.12);
}
.icp-search svg { flex: none; }
.icp-search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 42px;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
	box-shadow: none;
	font: 600 17px var(--icp-font);
	color: var(--icp-navy);
}
.icp-search button {
	min-height: 46px;
	padding: 0 26px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(180deg, #1A6F8E, #0D4560);
	color: #FFFFFF;
	font: 800 17px var(--icp-font);
	cursor: pointer;
	box-shadow: 0 3px 0 #08303F;
}
.icp-search:focus-within { outline: 3px solid #7FD6E8; outline-offset: 2px; }
 
/* ---------- Adventures slider ---------- */
.icp-slider {
	background: #FFFFFF;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 16px 36px rgba(20, 39, 90, 0.22);
}
.icp-slider__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	background: linear-gradient(180deg, #1C6E73, #0F4B50);
}
.icp-slider__title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #FFD84D;
}
.icp-slider__count {
	font-size: 18px;
	font-weight: 800;
	color: #FFFFFF;
}
.icp-slider__stage {
	position: relative;
	height: 470px;
	background: #A9DCEB;
}
.icp-slide {
	position: absolute;
	inset: 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.6s ease, visibility 0.6s;
	text-decoration: none;
}
.icp-slide.is-active {
	opacity: 1;
	visibility: visible;
}
.icp-slide__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.icp-slide__label {
	position: absolute;
	left: 20px;
	bottom: 22px;
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: calc(100% - 200px);
	padding: 10px 20px 10px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.95);
	border: 3px solid var(--icp-c);
	box-shadow: 0 8px 20px rgba(20, 39, 90, 0.22);
	font-family: var(--icp-serif);
	font-weight: 800;
	font-size: 26px;
	line-height: 1.15;
	color: var(--icp-navy);
}
.icp-slide__dot {
	flex: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--icp-c);
}
.icp-slider__arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 3px solid #F5C518;
	background: #FFFFFF;
	box-shadow: 0 4px 10px rgba(20, 39, 90, 0.2);
	cursor: pointer;
}
.icp-slider__arrow:hover,
.icp-slider__arrow:focus-visible { background: #FFF6C9; }
.icp-slider__arrow--prev { left: 14px; }
.icp-slider__arrow--next { right: 14px; }
.icp-slider__dots {
	position: absolute;
	right: 20px;
	bottom: 30px;
	z-index: 2;
	display: flex;
	gap: 8px;
}
.icp-slider__dotbtn {
	width: 12px;
	height: 12px;
	padding: 0;
	border-radius: 999px;
	border: 2px solid #FFFFFF;
	background: rgba(255, 255, 255, 0.75);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: width 0.25s ease;
}
.icp-slider__dotbtn.is-active {
	width: 30px;
	background: var(--icp-c);
}
.icp-slider__empty {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: var(--icp-navy);
}
.icp-slider__foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	font-size: 16px;
	font-weight: 700;
	color: var(--icp-ink);
}
.icp-slider__foot a {
	font-weight: 900;
	color: #1A4FB0;
}
 
/* ---------- Bottom scenery band ---------- */
.icp-scene {
	position: relative;
	z-index: 0;
	margin-top: -40px;
}
.icp-scene__img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22%);
	mask-image: linear-gradient(180deg, transparent 0, #000 22%);
}
.icp-scene__band {
	position: absolute;
	left: 17.4%;
	width: 66.5%;
	top: 61%;
	bottom: 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 4px 22px;
	background: #FBF0D9;
	border: 9px solid #C9A66B;
	border-image: repeating-linear-gradient(45deg, #ECD39C 0 4px, #B8894A 4px 6px, #D9B77E 6px 10px, #7E5729 10px 12px) 9;
	font-size: clamp(11px, 1.25vw, 18px);
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #3A2410;
}
 
/* ---------- Responsive ---------- */
@media (max-width: 1320px) {
	.icp-nav-toggle { display: inline-flex; }
	.icp-nav {
		display: none;
		flex-basis: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		padding: 8px 0 4px;
	}
	.icp-header.is-open .icp-nav { display: flex; }
	.icp-nav__link {
		flex: none;
		width: auto;
		flex-direction: row;
		gap: 12px;
		padding: 8px 4px;
		font-size: 16px;
	}
	.icp-nav__link.is-current { box-shadow: inset 4px 0 0 #F5A623; padding-left: 12px; }
	.icp-plan { justify-content: center; margin-top: 6px; }
	.icp-palm--left { display: none; }
}
@media (max-width: 760px) {
	.icp-header__inner { position: relative; padding: 10px 14px; }
	.icp-brand { flex-wrap: wrap; row-gap: 6px; padding-right: 110px; }
	.icp-brand__logo { width: 42px; height: 42px; }
	.icp-brand__title { flex-basis: 100%; margin-left: 0; font-size: 17px; padding-right: 0; border-right: 0; white-space: normal; }
	.icp-nav-toggle { position: absolute; top: 12px; right: 14px; }
	.icp-hero__inner { padding: 24px 16px 12px; gap: 28px; }
	.icp-hero__slider { flex-basis: 100%; }
	.icp-palm--right { width: 230px; height: 230px; right: -30px; top: -20px; opacity: 0.85; }
	.icp-intro { font-size: 17px; }
	.icp-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.icp-search { padding-left: 14px; }
	.icp-search button { padding: 0 18px; }
	.icp-slider__stage { height: 300px; }
	.icp-slide__label { font-size: 18px; max-width: calc(100% - 40px); bottom: 54px; left: 14px; }
	.icp-slider__dots { right: 50%; transform: translateX(50%); bottom: 18px; }
	.icp-scene { margin-top: 0; }
	.icp-scene__band { left: 4%; width: 92%; top: 58%; gap: 2px 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.icp-slide,
	.icp-quick__tile,
	.icp-slider__dotbtn { transition: none; }
}
 
Claude finished the response