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

Login Create an account

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 Helix Framework

Change burger menu icon

Asked by Laurent 1 year ago Last activity 1 year ago

Hi,

By default, burger icon menu looks like this => https://imgur.com/LsBOS1O
How can I do this layout => https://imgur.com/lFugsph

Thanks
L.

Accepted answer

Marked as the solution

Rashida Rahman Staff

1 year ago

Please use the following code snippet in your custom CSS then:

.burger-icon>span {
    border-radius: 25px;
}
.burger-icon>span:nth-child(2) {
    width: 70%;
}

Let me know if it serves your purpose:)

1 more reply

Rashida Rahman Staff

1 year ago

Hi there!

Thanks for your interest. Which template are you using there, please? There is no default option to achieve this, but it seems you can achieve this with custom CSS.

Best regards,

Laurent Asked this

1 year ago

I'm only using HELIX.

Rashida Rahman Staff

1 year ago

Helix Ultimate, right?

Laurent Asked this

1 year ago

yes

Laurent Asked this

1 year ago

perfect works fine
thanks

Rashida Rahman Staff

1 year ago

You're always welcome:)

Have a nice day!

Log in to reply.