Header additional picture move position

This topic has 5 replies, 2 voices, and was last updated 9 years, 7 months ago by Sakin.

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

Author

Posts
April 15, 2015 at 1:54 am #55778

kalatos
Participant

Dears,

I would like kindly ask you how to change ccs to move additional picture added by option Header => Header Picture. Now the picture has similar size like site logo but is showed few times higher.

What is my idea? To show additional picture in the original size in the same line as page logo on the right corner.

Below you can find my custom css that I already putted in the administration panel:

#header #mainmenu {
float: none;
text-align: center;
}
#header #mainmenu ul li {
display: inline-block;
float: none;
}

#header .social-search form.searchform {
display: none;
}

#header .logo-wrap {
width: 100%;
}

#site-details {
float: right;
text-align:center;
}

.page #main #content img {
background-color: transparent;
border: 0;
}

.h4 { text-transform: none; }

Thanks in advance,
Lukasz

April 15, 2015 at 1:55 am #55780

kalatos
Participant

Here is the link to the page: http://dpssosabowski.pl/wp/

April 15, 2015 at 2:23 am #55783

kalatos
Participant

And the second question regarding main menu. I got some changes in the css:

#header #mainmenu {
text-align: center;
}

#header #mainmenu ul li {
display: inline-block;
}

How to hide last blank part from the menu?

April 15, 2015 at 9:17 pm #55828
Sakin
Keymaster
@kalatos:
1. You can add the following css in “Appearance => Theme Options => Custom CSS” box:
```
#header .layout-978 {
    position: relative;
}
#headimg {
    clear: none;
    display: inline-block;
    float: right;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 55px;
    width: auto;
}
#headimg img {
    width: auto;
}
```
2. That gap cannot be removed. You can center the menu. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box:
```
#header #mainmenu ul li {
    border: none;
    display: inline-block;
    float: none;
    height: 40px;
}
```
April 16, 2015 at 12:43 am #55863

kalatos
Participant

Hello Sakin,

you are the best, thank you so much for your support.

Regards,
Lukasz

April 16, 2015 at 10:25 am #55899

Sakin
Keymaster

@kalatos: Thanks for your appreciation.
Author

Posts