Problem Logo responsive - Support | Kriesi.at

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
February 23, 2016 at 12:46 pm #587662
passgo
Participant
hello I have a problem with the logo it is not displayed in the middle between the Preheader and body, it takes a TOP position, can you help me to solve that the link is http://www.madridcharityparade.es
- This topic was modified 8 years, 10 months ago by passgo.
February 23, 2016 at 1:46 pm #587697

begrafiks
Participant

hi TUCOENERGIE;
try to add this code into your custom css styles :

.logo img{margin-top: 4% !important;}

February 23, 2016 at 2:08 pm #587711
Yigit
Keymaster
Hi!

Please see @begrafiks’ post above. You can also add following code to Quick CSS in Enfold theme options under General Styling tab
```
 .logo {
    top: 12px;
}
```
Thanks @begrafiks :)

Best regards,
Yigit
February 23, 2016 at 3:19 pm #587739

passgo
Participant

Hi @begrafiks & @yigit ,

Thank you for you answer but I have the same problem when I scrool down the logo is not centered , pls help

Regards

February 23, 2016 at 3:26 pm #587740
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
.header-scrolled .logo {
    top: 0;
}
```
Regards,
Yigit
February 23, 2016 at 3:42 pm #587746
passgo
Participant
thank you @yigit , i add image logo and i dont know how to put it in center ?
i used this but it doesnt work
<img src=”http://madridcharityparade.es/wp-content/uploads/2016/02/TUCO-ENERGIE-NUMERO-Vert_RVB_vectorisé.png” width=”250″ height=”64″ /

Thank you so much for your help
- This reply was modified 8 years, 10 months ago by passgo.
February 25, 2016 at 12:01 pm #588960
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
@media only screen and (min-width: 990px) {
.header-scrolled li#menu-item-3802 img {
    top: 0;
}
li#menu-item-3802 img {
    top: 17px;
    position: relative;
}}
```
Best regards,
Yigit
February 25, 2016 at 3:05 pm #589155
Guenni007
Participant
if you are using a svg instead this is very easy !

https://kriesi.at/support/topic/info-concerning-to-svg/

the only thing to do is to give the svg a width because wordpress is using 0x0 (width and hight) of an svg.
than follow the gimmick with

preserveAspectRatio=”xMidYMid meet”

the great advantage of svg is that your shrinking header is more sharp than any other image format – because of vector based infos.
so your little subheader could be readable even on shrinked header.
- This reply was modified 8 years, 10 months ago by Guenni007.
February 29, 2016 at 8:15 am #590591

Ismael
Moderator

Hey!

@Guenni007: Thanks for sharing.

Cheers!
Ismael

March 8, 2016 at 6:26 pm #595102

passgo
Participant

Thank You @ismael , @guenni007 and @yigit for you help .
Best Regards

March 10, 2016 at 5:05 am #596030

Rikard
Keymaster

Hi,

Glad you got it fixed :-)

Regards,
Rikard
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.