Page BuilderPage Builder
Get started

OverviewBuild any Joomla site visually, no code needed. Works with Joomla 5 and 6.
Overview

What's newWhat's new

DocumentationDocumentation
Design your site

Layout BundlesComplete websites for your industry, ready to customise.
Layout Bundles

InteractionsBring pages to life with scroll, mouse and tilt effects.
Interactions

Dynamic ContentBuild listings, directories and detail pages from your own content types.
Dynamic Content
Grow your audience

Form BuilderCollect leads and enquiries, with your own email templates.
Form Builder

Popup BuilderPromote offers at the right moment, with triggers and scheduling.
Popup Builder

CommentsLet readers discuss your articles and pages.
Comments
TemplatesTemplates
ExtensionsExtensions
Build your site

SP Page BuilderDesign any page visually, no code needed. EasyStore runs inside it.
SP Page Builder

Helix FrameworkThe free framework behind every JoomShaper template.
Helix Framework

Power AdminA cleaner, friendlier Joomla dashboard for you and your clients.
Power Admin
Run your business

EasyStoreSell online: products, payments and checkout, built into your pages.
EasyStore

SP BookingTake appointments and bookings, with calendars and online payment.
SP Booking

SP LMSSell courses with lessons, quizzes and certificates.
SP LMS

SP PropertyList properties, with agents, enquiries and search.
SP Property
Show your work

SP Easy Image GalleryResponsive image galleries in a few clicks.
SP Easy Image Gallery

SP Simple PortfolioShow your projects in a filterable grid.
SP Simple Portfolio
- All extensionsAll extensions
- Everything, one planAll Access, from $159.
  Everything, one plan Compare plans
ResourcesResources
Help

BlogBlog

DocumentationDocumentation

ForumsForums

Live ChatLive Chat

Release NotesRelease Notes
Company

AboutAbout

Affiliate ProgramAffiliate Program

ContactContact
PricingPricing

Page BuilderPage Builder
Get started

OverviewBuild any Joomla site visually, no code needed. Works with Joomla 5 and 6.
Overview

What's newWhat's new

DocumentationDocumentation
Design your site

Layout BundlesComplete websites for your industry, ready to customise.
Layout Bundles

InteractionsBring pages to life with scroll, mouse and tilt effects.
Interactions

Dynamic ContentBuild listings, directories and detail pages from your own content types.
Dynamic Content
Grow your audience

Form BuilderCollect leads and enquiries, with your own email templates.
Form Builder

Popup BuilderPromote offers at the right moment, with triggers and scheduling.
Popup Builder

CommentsLet readers discuss your articles and pages.
Comments
TemplatesTemplates
ExtensionsExtensions
Build your site

SP Page BuilderDesign any page visually, no code needed. EasyStore runs inside it.
SP Page Builder

Helix FrameworkThe free framework behind every JoomShaper template.
Helix Framework

Power AdminA cleaner, friendlier Joomla dashboard for you and your clients.
Power Admin
Run your business

EasyStoreSell online: products, payments and checkout, built into your pages.
EasyStore

SP BookingTake appointments and bookings, with calendars and online payment.
SP Booking

SP LMSSell courses with lessons, quizzes and certificates.
SP LMS

SP PropertyList properties, with agents, enquiries and search.
SP Property
Show your work

SP Easy Image GalleryResponsive image galleries in a few clicks.
SP Easy Image Gallery

SP Simple PortfolioShow your projects in a filterable grid.
SP Simple Portfolio
- All extensionsAll extensions
- Everything, one planAll Access, from $159.
  Everything, one plan Compare plans
ResourcesResources
Help

BlogBlog

DocumentationDocumentation

ForumsForums

Live ChatLive Chat

Release NotesRelease Notes
Company

AboutAbout

Affiliate ProgramAffiliate Program

ContactContact
PricingPricing

Solved SP Page Builder

Mobile Offcanvas Menu

Asked by Karl Napf 2 years ago Last activity 2 years ago

Hello,
My customer is complaining that the headings in the menu are not absolutely centered like the submenu items. How can I change this?
Thank you very much

Accepted answer

Marked as the solution

Paul Frankowski Senior Staff

2 years ago · edited

Hi Karl.

Custom CSS is needed:

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {padding: 15px 10px 15px 10px;}   
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {margin-left: 0;}

How to use it? You will find tips in Helix documenation.

1 more reply

Karl Napf Asked this

2 years ago

Thx!