[mpetric]

Hi,

I want to move social buttons that are now in top right position in header and i want to have them just above the main menu bar. How can i do this? My site is not online yet.

Thanks!

[Sakin]

@mpetric: If your site is offline then can you send me the screenshot design image URL. So, that I can see what you want.

[mpetric]

Here is a graphic example of my wish. Will this change affect responsiveness of site?

[mpetric]

One more thing: If I add site description in theme options it allways apears on the left side of the logo. I want the site description to be on the right side of the logo.
Thank you, M

[Sakin]

@mpetric: To move the site description, go to “Appearance => Theme Options => Header Options” and then check on “Move Site Title and Description”.

Yes, the css will affect the responsive design. So, I am giving you the way to chnage only for larger screens with minimum width 961px. Just add in the following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 961px) {
#header-content { position: relative; }
#header-content .widget_simplecatch_social_widget { position: absolute; bottom: 0; right: 0; margin: 0; }
}

[mpetric]

Thanks Sakin! Everything worked properly… but now I have new problems.

Site description is set in the same level as social buttons before (way too high)…
If I change padding in “Costum CSS” box:

from this

#site-description {
	padding: 0 0 0 0;

to this

#site-description {
	padding: 75px 0 0 0;

…I get good results:

But have problems with responsive design.
– It makes this unappealing space
– The text linespacing of site-description is also not good.

_________________________________________________________________________
I also have problems with Soundcloud logo – it disappears when I reduce the browser size (responsive test for mobile phones). This problem was there at the begining and is not associated with site-description configurations.

Thanks for all the help! I really appreciate it! M

[Sakin]

@mpetric: You custom css in including site description will be like this. This will change the design only for screen size with minimum width 961px.

@media screen and (min-width: 961px) {
#header-content { position: relative; }
#header-content .widget_simplecatch_social_widget { position: absolute; bottom: 0; right: 0; margin: 0; }
#site-description { padding-top: 75px; }

To check more, I need your site URL.

[mpetric]

Thanks so far! There are still problems with text linespacing when going to a mobile phone view. Text lines are too close together. As I said before, I don’t have my site published yet (that is why I posted printscreens)…

[Sakin]

@mpetric: Ok so how about the linespacing screenshots? and by how much you want to increase it.

[mpetric]

I already posted this screenshot where text line spacing isn’t good.
I want to increase it, so that it would look normal… don’t know in numbers. Failed line spacing is also in content area (cannot post screenshots now – will do it as soon as I come home from work)

Look at the second screenshot above – Ignore red arrows on screenshot – we already solved this problem.
The problem is with site-description line spacing.

Thanks, M

[Sakin]

@mpetric: It’s very difficult to send you the css without checking your site URL. So, I assumed the following CSS will work fine for you.
#site-description { line-height: 1.6em; }

[mpetric]

My site is now online — Please help me solve the problem with wrong site-description line spaceing (when going on smaller scale views / browser sizes)

http://band501.com/

Thanks, M

[Sakin]

@mpetric: Just go to “Appearance => Theme Options => Font Size Options” and in “Site Tagline Line Height” change to 40 and save changes.

[Author]

Posts