fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: navibar on the lower part of the screen

navibar on the lower part of the screen 4 years 6 months ago #2070

  • vishesh
  • vishesh's Avatar
  • Offline
  • Junior Member
  • Posts: 33
  • Thank you received: 3
  • Karma: 0
I want to add a navibar at lower part of the website that stays while scrolling.

www.cityrene.com - I want to have a navibar just like this website is having
The administrator has disabled public write access.

navibar on the lower part of the screen 4 years 6 months ago #2073

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4593
  • Thank you received: 648
  • Karma: 116
Hi,

Please add the css in template.less file

#t3-header{ position:fixed !important; bottom:0; }

Path:
templates/TEMPLATES/less/templates.less

Thanks
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.
The following user(s) said Thank You: vishesh

navibar on the lower part of the screen 4 years 6 months ago #2077

  • vishesh
  • vishesh's Avatar
  • Offline
  • Junior Member
  • Posts: 33
  • Thank you received: 3
  • Karma: 0
Thank you soo much chandandeep you being great at helping me. One more thing I want in my website that I want the navibar on both side top and bottom fixed. the above solution helped me to have only the lower navibar. I want both the navibar.
The administrator has disabled public write access.

navibar on the lower part of the screen 4 years 6 months ago #2100

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4593
  • Thank you received: 648
  • Karma: 116
Please undo the last solution. ( Remove #t3-header )
Publish the second navbar on bottom-1 position and add the style in template.less file
#bottom { position:fixed !important; bottom:0; }

Thanks
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.

navibar on the lower part of the screen 4 years 6 months ago #2267

  • cbo
  • cbo's Avatar
  • Offline
  • New Member
  • Posts: 16
  • Thank you received: 1
  • Karma: 0
chandandeep wrote:
Hi,

Please add the css in template.less file
#t3-header{ position:fixed !important; bottom:0; }

Path:
templates/TEMPLATES/less/templates.less

Thanks

hi chandandeep,

i've followed all of your steps, but the main menu not follow when scrolling the screen. any advice please ?
Last Edit: 4 years 6 months ago by cbo.
The administrator has disabled public write access.

navibar on the lower part of the screen 4 years 6 months ago #2270

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4593
  • Thank you received: 648
  • Karma: 116
Yes!

Please turn on the Development Mode from the template setting.

Screenshot: www.screencast.com/t/aaHY57PqW

Thanks
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.418 seconds
Cron Job Starts