Logo Positioning And Banner - Question | JoomShaper
Back to the questions

Logo Positioning And Banner

UM

University of Mauritius

Helix Framework 5 months ago

Hello,

Grateful if you could help me get started.. I am trying to replicate the website https://www.uom.ac.mu/foa https://prnt.sc/9iRpzlatJEYw

I cannot find the proper way to make the logo occupy 2 lines while the banner and the menu remain on the right.

Kindly advise.

0
Website
https://www.uom.ac.mu
4 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 5 months ago #139718

Hi there!

Thanks for contacting us.

The following custom code will help you to make the logo occupy 2 rows:

#sp-header .logo {
    position: absolute;
    bottom: 0;
    height: 142px;
    width: 345px;
    justify-content: center;
        }

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

0
UM
University of Mauritius
Accepted Answer
5 months ago #139836

Thank you for the codes.. much appreciated. 2 last things..

  1. Grateful if you could help make the menu centered please.
  2. the banner text seems to hide behind the logo when the window is smaller.. Kindly advise. (https://prnt.sc/7_rv4h5FsKQj)
0
UM
University of Mauritius
Accepted Answer
5 months ago #140479

Gentle reminder.. Kindly help..

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 5 months ago #140537

Hi,

Thanks for the reminder.

The menu is already looking centerred from my end. I have just changed this custom CSS to change your banner position at the top:

https://prnt.sc/PxMyddVOmqoy

Please check and let me know.

Best Regards

0