fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) Menu sits to high in the header

Menu sits to high in the header 3 years 3 months ago #10995

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Hi,
I created a logo that is higher than the header was before. Now the logo blows up the header. The menu sits in the top of the header. Is it somehow possible to move it down to the bottom of the header?

Another solution would be to have the logo floating over the header and body of the page. That way the header could be as slim as with just the menu in it.
I attached to pictures for better understanding.

If possible can you please provide a solution to both options? Then I could choose what looks better.

Thanks for your help and your great support!
Sam
Attachments:
The topic has been locked.

Menu sits to high in the header 3 years 3 months ago #10996

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4490
  • Thank you received: 647
  • Karma: 116
Sam,

What's the link to your website?
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Menu sits to high in the header 3 years 3 months ago #10997

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Hi,
the link is: www.t1p.de/th6t
Cheers, Sam
Last Edit: 3 years 3 months ago by SaMILE.
The topic has been locked.

Menu sits to high in the header 3 years 3 months ago #10998

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,

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

Path: Root\templates\jd_dallas\css
Note: If there is no custom.css file then please create it and add the code in it.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.

Menu sits to high in the header 3 years 3 months ago #11015

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Hi Lalit,

thanks for your help. I created custom.css and added the code.
The menu then sits in the middle of the header. I replaced
align-items: center;
with
align-items: flex-end;
And now the menu is at the bottom of the header. Perfect.

Is it also possible to have the Icon floating over the header so that it is overlapping with the body of the page? Like in the picture.

Thanks for your help!
Sam
Attachments:
The topic has been locked.

Menu sits to high in the header 3 years 3 months ago #11044

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

Have you solved this issue? because I see the logo on a sticky header perfect.

Thanks,
Chandan
Attachments:
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.
Last Edit: 3 years 3 months ago by chandandeep.
The topic has been locked.

Menu sits to high in the header 3 years 3 months ago #11394

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Yes I have solved the issue.
Thanks!
Last Edit: 3 years 3 months ago by SaMILE.
The topic has been locked.

Menu sits to high in the header 3 years 3 months ago #11415

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Awesome. Topic Solved
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.480 seconds
Cron Job Starts