fbpx
Introducing JD Builder - Now Beat the unbeatable designsDownload For Free
Welcome, Guest
Username: Password: Remember me

Like Using JD Builder?

Submit feature requests on github and help improve JD builder.

Submit Now

TOPIC: 3 problems: hamburgers, font awesome and menu

3 problems: hamburgers, font awesome and menu 1 week 5 days ago #17909

  • Jos
  • Jos's Avatar
  • Offline
  • Junior Member
  • Posts: 29
  • Karma: 0
I've create my first Astroid site: dgdesk.com/test. When the client approves, I'll showcase it on the correct url. I worked with Astroid and Pagebuilder to create it. I have 3 problems I'd like to ask you how to solve. Is it better to ask it in separate questions?

1- Too many hamburgers. In mobile layout I have 2 hamburgers. Left and Right of the title. That's one too many, but I don't know how to remove one. In the backend I only see one hamburger.

2- Font Awesome gives me problems. dgdesk.com/test/index.php/courses/beginner-s-course One the page you see a block prices where I want to use Font Awesome for the bullets. That worked okay with Helix, but not with Astroid. Here's the code that doesn't work:
li:before {
	font-family: 'Font Awesome 5 solid';
	content: '\f00c';
	color: #00aff0;
	margin: 0 10px 0 0;
	}

3- The dropdown menu is much to small. How to I widen it, so the menu items are on one line?
Last Edit: 1 week 5 days ago by Jos.
The administrator has disabled public write access.

3 problems: hamburgers, font awesome and menu 1 week 5 days ago #17914

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 2948
  • Thank you received: 449
  • Karma: 94
Hello,

I'll reply one by one.
1- Too many hamburgers. In mobile layout I have 2 hamburgers. Left and Right of the title. That's one too many, but I don't know how to remove one. In the backend I only see one hamburger.

One on the left is the mobile menu and on the right is the offcanvas menu. You can disable the offcanvas menu in the header section. Documentation here: docs.joomdev.com/article/astroid-off-canvas-menu/
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

3 problems: hamburgers, font awesome and menu 1 week 5 days ago #17915

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 2948
  • Thank you received: 449
  • Karma: 94
3- The dropdown menu is much to small. How to I widen it, so the menu items are on one line?

You can manage the width on the menu item level in Astroid Menu tab. Documentation half way down the page: docs.joomdev.com/article/mega-menu/

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

3 problems: hamburgers, font awesome and menu 1 week 5 days ago #17916

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 2948
  • Thank you received: 449
  • Karma: 94
#2 is something custom CSS that is above my area of expertise by I know it's possible since someone on the forum had the same issue before. I'll ask Chandan to reply.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

3 problems: hamburgers, font awesome and menu 1 week 5 days ago #17918

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3090
  • Thank you received: 489
  • Karma: 82
2- Font Awesome gives me problems. dgdesk.com/test/index.php/courses/beginner-s-course One the page you see a block prices where I want to use Font Awesome for the bullets. That worked okay with Helix, but not with Astroid. Here's the code that doesn't work:

Use the following code. It will work.
li:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f00c';
	color: #00aff0;
	font-weight: 900;
	margin: 0 10px 0 0;
}
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.204 seconds