fbpx

Trick or Treat - 30% OFF - Coupon Code: SCARY20 Grab the Deal!

Welcome, Guest
Username: Password: Remember me

TOPIC: How to modify Menu Position

How to modify Menu Position 1 year 1 month 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/
Attachments:
The administrator has disabled public write access.

How to modify Menu Position 1 year 1 month ago #17637

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3841
  • Thank you received: 587
  • Karma: 99
Hello,

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.

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