Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) How to modify Menu Position

How to modify Menu Position 2 years 4 months ago #17626

I would like to be able to position the menu so that it is centered vertically and horizontally in the Header row (instead of in a static position, right aligned)
Our logo is vertically stacked and for the time being is 150px in height. The menu looks lost in the available space right now.
I don't see any ability to effect the position within the template setup .... how could I accomplish this?
Site link if you need it is oxfordconnection.ca/JDOHIO/
The topic has been locked.

How to modify Menu Position 2 years 4 months ago #17637

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116

Add the following code in custom.css file.
#sp-header .row {
    display: flex;
    align-items: center;

Path: templates/TEMPLATENAME/css
If there is no custom.css file. First, create it and then save the code in it.

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 topic has been locked.
Moderators: chandandeep
Time to create page: 0.320 seconds
Cron Job Starts