Download all Joomla templates including quickstart (demo)only $24.99

Forum

Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.
- If you bought our products in another market, ask your questions in that market, not here.

* ADD PRODUCT NAME IN START OF SUBJET

Construction - logo size

  • J
  • jambo90210 New Member
  • Topic Author 1 year 6 months ago #1
Hi

Was trying to make the logo bigger, but then it causes issues with the bar size, so can fix with changing the sticky offset etc, but then seems to have issues with the size on mobiles etc..

So guessing there is some css that will need to change around the different widths etc..

Any guidance appreciated.

Thanks

Jamie

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 1 year 6 months ago #2
Hi Jamie.
In downloads exists documentation package, please download, unzip, open index.html and read customization section to understand how generate new css files with your settings. Then from Helix you can change header height and logo height for each device. Remember disable scss to css compilation when finish your settings.

Regards.

Please Log in or Create an account to join the conversation.

  • J
  • jambo90210 New Member
  • Topic Author 1 year 6 months ago #3
Thanks, was really chasing help on the actual elements used, but that's ok, opened up the template css and work it out.

Sized the logo to BIG, and then added this to the custom css so it then shrinks to "fit"

@media (max-width:991px){
.logo-image {
height: 55px !important;
}

#sp-header .logo{
height:75px
}
}

Cheers

Jamie

Please Log in or Create an account to join the conversation.