fbpx

An Exclusive Offer For You To Grab JD Builder Pro Check Deal of The Day

Welcome, Guest
Username: Password: Remember me

Need a new feature in Astroid?

Submit feature requests on github and help improve Astroid.

Submit Now

TOPIC: Sticky header setup: logo centered

Sticky header setup: logo centered 2 weeks 1 day ago #18853

  • iorbita
  • iorbita's Avatar
  • Offline
  • Junior Member
  • Posts: 35
  • Thank you received: 1
  • Karma: 0
Hello,
my client is quite finicky :angry: ... I must have the same sticky menu navigation configuration as that of the main menu, so the logo should be at the center of the menu and sticky header setup doesn't offer this possibility. :pinch:
Do you have some tips to give me to get there?

Thank you,
Lorenzo
Last Edit: 2 weeks 1 day ago by iorbita.
The administrator has disabled public write access.

Sticky header setup: logo centered 2 weeks 23 hours ago #18856

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3124
  • Thank you received: 470
  • Karma: 101
Hi Lorenzo,

The sticky only offers 3 layouts of the horizontal menu. The stacked position takes a lot of space (in terms of height if you use the Stacked Center or Stacked Divided positions) and no one would want to keep that much space for the sticky menu.

You can however work around with the CSS & PHP a bit and look at the layout files for both and modify them to work for you.

The files in question are:
JROOT/templates/astroid_template_zero/frontend/header/stacked.php
JROOT/templates/astroid_template_zero/frontend/header/sticky.php
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.

Sticky header setup: logo centered 2 weeks 2 hours ago #18863

  • iorbita
  • iorbita's Avatar
  • Offline
  • Junior Member
  • Posts: 35
  • Thank you received: 1
  • Karma: 0
Hello,
...not sure to succeed :dry: but I will try ...
Thank you,
Lorenzo
The administrator has disabled public write access.

Sticky header setup: logo centered 1 week 4 days ago #18883

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3124
  • Thank you received: 470
  • Karma: 101
I found a simple fix, following the 2 steps below:

1. Disable the sticky header.
2. Add the class fixed-top to the header section using the layout manager.

Works well and gets you exactly what you need.

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.

Sticky header setup: logo centered 1 week 4 days ago #18891

  • iorbita
  • iorbita's Avatar
  • Offline
  • Junior Member
  • Posts: 35
  • Thank you received: 1
  • Karma: 0
Thank you Chedan for your support, I had already tried this solution with my own classes, but it does not suit me because I have two modules before and after the header that are problematic (the module below is positioned during the scroll). .. I still have to try to edit sticky.php file that you gave me in your first post...

Lorenzo
The administrator has disabled public write access.

Sticky header setup: logo centered 1 week 4 days ago #18895

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3124
  • Thank you received: 470
  • Karma: 101
Well, Hence the reason we don't have the option to make this type of header sticky.

Good Luck with that one.
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.
Moderators: chandandeep
Time to create page: 0.262 seconds