JoomDev: Appointemnt button in the top menu (1/1)
Welcome, Guest
Username: Password: Remember me

TOPIC: Appointemnt button in the top menu

Appointemnt button in the top menu 3 weeks 3 hours ago #6703

  • pete
  • pete's Avatar
  • Offline
  • Junior Member
  • Posts: 27
  • Thank you received: 1
  • Karma: 0
Hi,

I noticed that the appointment button in the top menu moves to 2nd row at certain size of the browser. How to prevent it?

pete


The administrator has disabled public write access.

Appointemnt button in the top menu 2 weeks 6 days ago #6708

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1919
  • Thank you received: 315
  • Karma: 53
Hi Peta,

Decrease the menu font size or spacing between the menu items.
www.screencast.com/t/22262emrE

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

Appointemnt button in the top menu 1 week 5 days ago #6851

  • pete
  • pete's Avatar
  • Offline
  • Junior Member
  • Posts: 27
  • Thank you received: 1
  • Karma: 0
Hi,

decreasing the navigation font size didn't help. Still the same issue. How/where do I change the spacing or appointment button size?

Also, I noticed that the problems only occure, when browser page width is approx. 1020-1200

before and after it behaves OK.

Pete
The administrator has disabled public write access.

Appointemnt button in the top menu 1 week 5 days ago #6852

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 1919
  • Thank you received: 315
  • Karma: 53
Hi Pete,

If you have decreased the font-size. But no effect on the frontend. I suggest the clear the browser change. Sometimes the browser cache does this or you can use the below trick.

Add the below code in custom.css file
#sp-header{ height: auto; }
Path: TEMPLATENAME/css
Also, I noticed that the problems only occur, when browser page width is approx. 1020-1200
This is a normal behavior.

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

Appointemnt button in the top menu 1 week 3 days ago #6876

  • pete
  • pete's Avatar
  • Offline
  • Junior Member
  • Posts: 27
  • Thank you received: 1
  • Karma: 0
Hi,

there is no file custom.css in templates/ jd-medical/css
do I create one?
Also, I noticed that the problems only occur, when browser page width is approx. 1020-1200
This is a normal behavior.

maybe I wasn't clear.
  • if browser width is more then 1200, then all is fine, all in one line. (see the first image bellow).
  • when the browser width is 1020-1200, the appointment button moves to 2nd line, and it doesn't look good.
  • when the browser width is just bellow 1020, the appointment button moves back to 1st line as expected.
  • when the browser width is bellow 1000, the menu colapses to button. this is expected.

thanks,
pete
The administrator has disabled public write access.

Appointemnt button in the top menu 1 week 2 days ago #6888

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 706
  • Thank you received: 116
  • Karma: 18
Hi Pete,

If the custom.css file doesn't exist. Go ahead and create once and it will automatically be included.

As mentioned in the original post by Chandan. The Appointment button is just another menu item and the reason it goes in 2 lines is because of the font size and the padding between menu items. You have adjust that in order for the menu to stay in one line or you can opt for less number of menu items and that will also make sure it stays in one line on the preferred screen size.

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.
Time to create page: 0.349 seconds