Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Adjust the height of the Header Container - to allow for a bigger logo in logo position.

Featured Lock Resolved
HI,

I am trying to adjust the height slightly of the 'header area' in the Revibe template.

I have been able to add padding to the 'Top Bar' - which worked ... but this did not seem to work on the 'Header' area ...

I have attached a screenshot. I have a logo uploaded to the 'Logo' position in the Basic Tab - on helix settings ...


I don't really want to make the logo any smaller as the text will be too small.

Ideally I would like to add about 10px padding top & bottom - or be able to set an exact height for the header area - or logo area ...


Can you help ??

Thanks

Attachments (1)

  • cov-screenshot.jpg
    cov-screenshot.jpg 211.6 KB

14 Answers

Gavin Bates

More than a month ago #Permalink
http://newsite.coventrycsp.co.uk

URL if required ...

Gavin Bates

More than a month ago #Permalink
OK, fixed this by using this code in Custom CSS ...

#sp-header {
height: 76px;
}

This allows me to adjust the height of the header strip ...


One thing I would like to do is adjust the position of the main menu a little ... as the header has got deeper - the main menu is still justified to the top of this header strip ...

Is there a way of padding this or justifying it in the middle (height)

Thanks

Toufiq - Staff

More than a month ago #Permalink
Dear,

Thanks for your query. But i want to inform you that, please don't reply your post until don't reply from our support team. Because if you reply your own post first time, then it will gone answered categories. By the way please create your post clearly. While upload an screenshot, then upload two screenshot current screenshot and that you want.

-Thanks

Jimbo!

More than a month ago #Permalink
Hi I've followed the post above but I also need to move the menu down to line up with the bottom of logo is area.
Especially now as mega menus are disconnected form the menu.

Any ideas for where to start looking would be greatly appreciated.

Attachments (1)

  • Screen Shot 2016-02-25 at 15.34.17.png
    Screen Shot 2016-02-25 at 15.34.17.png 68.3 KB

Jimbo!

More than a month ago #Permalink
If you're tweaking the logo and menu spacings then also look at the on and off canvas-toggler spacing in the template css.

Toufiq - Staff

More than a month ago #Permalink
Jim Hollingshead wrote:

If you're tweaking the logo and menu spacings then also look at the on and off canvas-toggler spacing in the template css.
Jim Hollingshead wrote:

Hi I've followed the post above but I also need to move the menu down to line up with the bottom of logo is area.
Especially now as mega menus are disconnected form the menu.

Any ideas for where to start looking would be greatly appreciated.


If you need same or any help, please make an another post in our forum. Thanks

Stefan

More than a month ago #Permalink
Hi Toufiq,

would it be possible to post a solution for the user's issues, instead of talking about the forum's rules?

I would also be interested in a solution for this, as I am facing the same issue.

Thank you in advance!

Cheers,
Stefan

Toufiq - Staff

More than a month ago #Permalink
Hi Toufiq,

would it be possible to post a solution for the user's issues, instead of talking about the forum's rules?

I would also be interested in a solution for this, as I am facing the same issue.

Thank you in advance!

Cheers,
Stefan


Hi there, There has the CSS code issue. Please send me the Joomla administrator access via pm. Thanks

Stefan

More than a month ago #Permalink
Admin Access credentials sent.

Toufiq - Staff

More than a month ago #Permalink
Admin Access credentials sent.


Hi, Added this css code and now it fixed.


.sp-megamenu-parent >li >a {
display: inline-block;
padding: 0 15px;
line-height: 102px;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
color: #000;
position: relative;
}
#offcanvas-toggler {
float: right;
line-height: 102px;
}


-Thanks

Stefan

More than a month ago #Permalink
Works! Thank you very much!

Cheers,
Stefan

Toufiq - Staff

More than a month ago #Permalink
Works! Thank you very much!

Cheers,
Stefan


Hi, You are most welcome & Thanks

Stefan

More than a month ago #Permalink
Hi again,

is there a documentaion existing, where the helix and template objects and its attributes are described?

Cheers, Stefan.

Toufiq - Staff

More than a month ago #Permalink
Hi again,

is there a documentaion existing, where the helix and template objects and its attributes are described?

Cheers, Stefan.


Hi there, Here is the full documentation.

https://www.joomshaper.com/documentation/helix-framework/helix3

-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 132
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93
Toufiq

Toufiq

Total Accepted Answers: 24
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289649

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us