I’m using Soledad (DIY demo) on earthsongliving.com and I’m running into 3 mobile issues I can’t resolve, even after hours of trying CSS and Header Builder edits.
✅ What I’m Trying to Do
Move the site title “Earthsong Living” to the left on the mobile header bar and make it larger.
Remove the default “Soledad” logo text from the top of the mobile sidebar (hamburger menu).
CSS overrides: Targeted every selector we could find – .penci-builder-logo, .penci-logo, .sidebar-logo, .site-info, .off-canvas-menu-bottom, .mobile-header .site-title, .mobile-header .logo-text – including display:none, justify-content:flex-start, text-align:left, flexbox, etc.
Header Builder edits: In Penci Header Builder → Mobile Sidebar, set background to brown (#a06944), text to white, hover to cream. Added Custom HTML at the top & bottom to try to push out “Soledad” and replace the footer credit.
Cache clearing: Purged SG cache, hard‑refreshed phones, tested from another device.
🚩 What’s Still Happening
The Soledad logo still appears at the top of the mobile sidebar menu even though there is no “Sidebar Logo” block in the Mobile Sidebar layout.
The mobile header site title “Earthsong Living” stays centered – CSS to left-align & enlarge is being overridden.
❓ What I Need Help With
How do I completely remove the Soledad logo text from the mobile sidebar menu? (If it’s being injected by default, how can I disable or override it?)
How do I remove or disable the PenciDesign credit/footer from the mobile sidebar?
How do I properly left-align and enlarge “Earthsong Living” in the mobile header so it doesn’t snap back to center?
📌 Screenshots I can attach if needed:
Mobile sidebar layout (only “Mobile Sidebar Menu” shows).
Mobile menu showing Soledad logo at the top + PenciDesign credit at the bottom.
I’ve already tried all obvious CSS and Header Builder changes. It seems the theme is injecting these elements outside of what the builder or CSS can control.
Can you please tell me where to remove or override these defaults?
Please go to Dashboard → Header Builder → Edit with "Penci Header Builder", then modify the logo, menu, and all other header elements for desktop and mobile, as shown in the screenshot below.
Hi there,
I’m using Soledad (DIY demo) on earthsongliving.com and I’m running into 3 mobile issues I can’t resolve, even after hours of trying CSS and Header Builder edits.
✅ What I’m Trying to Do-
-
-
🔄 What We’ve TriedMove the site title “Earthsong Living” to the left on the mobile header bar and make it larger.
Remove the default “Soledad” logo text from the top of the mobile sidebar (hamburger menu).
Remove the “©2021 All Rights Reserved – Designed & Developed by PenciDesign” credit from the bottom of the mobile sidebar menu.
-
-
-
🚩 What’s Still HappeningCSS overrides: Targeted every selector we could find – .penci-builder-logo, .penci-logo, .sidebar-logo, .site-info, .off-canvas-menu-bottom, .mobile-header .site-title, .mobile-header .logo-text – including display:none, justify-content:flex-start, text-align:left, flexbox, etc.
Header Builder edits: In Penci Header Builder → Mobile Sidebar, set background to brown (#a06944), text to white, hover to cream. Added Custom HTML at the top & bottom to try to push out “Soledad” and replace the footer credit.
Cache clearing: Purged SG cache, hard‑refreshed phones, tested from another device.
-
-
-
❓ What I Need Help WithThe Soledad logo still appears at the top of the mobile sidebar menu even though there is no “Sidebar Logo” block in the Mobile Sidebar layout.
The “©2021 – All Rights Reserved – Designed by PenciDesign” credit is still at the bottom despite targeting .off-canvas-menu-bottom and .site-info in CSS.
The mobile header site title “Earthsong Living” stays centered – CSS to left-align & enlarge is being overridden.
How do I completely remove the Soledad logo text from the mobile sidebar menu? (If it’s being injected by default, how can I disable or override it?)
How do I remove or disable the PenciDesign credit/footer from the mobile sidebar?
How do I properly left-align and enlarge “Earthsong Living” in the mobile header so it doesn’t snap back to center?
📌 Screenshots I can attach if needed:
Mobile sidebar layout (only “Mobile Sidebar Menu” shows).
Mobile menu showing Soledad logo at the top + PenciDesign credit at the bottom.
I’ve already tried all obvious CSS and Header Builder changes. It seems the theme is injecting these elements outside of what the builder or CSS can control.
Can you please tell me where to remove or override these defaults?
Thanks so much!
Tina Tolle
Hi,
Please go to Dashboard → Header Builder → Edit with "Penci Header Builder", then modify the logo, menu, and all other header elements for desktop and mobile, as shown in the screenshot below.
Regards,
PenciDesign.