Logo center - on the top

More
3 years 4 months ago #9062 by Patir
Patir created the topic: Logo center - on the top
Hello!
I'm new here.

So my first problem is - How can I center the logo on the top?



I think it's the template.10.css ?

CSS-Code:

#jm-logo-sitedesc img {
display: block;
margin-left: 80%;
}

After I insert the line, the logo is centered. But if I look in my smartphone the logo is not centered.

What am I doing wrong?

Best regards
Attachments:

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

More
3 years 4 months ago #9065 by artur
artur replied the topic: Logo center - on the top
Hello,
You should modify styles in LESS files instead template.10.css.
You can create file 'less/custom.less' and add css. Example:
#jm-bar-left {
float: none;
text-align: center;
}
#jm-logo-sitedesc {
float: none;
max-width: 100%;
margin: 0 0 10px;
}

More details in article :
www.joomla-monster.com/blog/joomla-templ...-joomla-3-0-template

Regards.

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

More
3 years 4 months ago #9066 by Patir
Patir replied the topic: Logo center - on the top
Thank you. This the solution...

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

More
3 years 3 months ago - 3 years 3 months ago #9103 by Patir
Patir replied the topic: Logo center - on the top
Hi artur!

How can I insert an separator (on the left and right side) like this

___Logo ___

Thank you...
Best regards
Last Edit: 3 years 3 months ago by Patir.

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

More
3 years 3 months ago #9104 by artur
artur replied the topic: Logo center - on the top
Hello,
You can add style in 'custom.less'. Example :
#jm-logo {
  padding-left: 20px;
  padding-right: 20px;
}

Regards.

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

More
3 years 3 months ago #9105 by Patir
Patir replied the topic: Logo center - on the top
Thank you artur!

My question is how can add the lines before and after the logo?

Is this sample-code correct?

#jm-logo, #jm-logo:before, #jm-logo:after {
float: left;
}

#jm-logo:before, #jm-logo:after {
content: '';
width: 50%;
min-height: 100px;
border-bottom: 1px solid #ccc;
margin-top: -50px;
}

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

Time to create page: 0.286 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.