Moving site logo to the left (in front of site title and tagline)

This topic has 16 replies, 2 voices, and was last updated 10 years, 2 months ago by Sakin.

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

Author

Posts
September 4, 2014 at 6:42 pm #43352

natoulie
Participant

Hello,

I know that this topic has been brought up several times and I did went through each thread but somehow none of the css codes that had been provided seem to be working for me. I’d like my site logo to look like this (it’s obviously not my site but something what I’d like achieve) http://gudger.us/blog/
My own site is http://www.infinitylashes.co.uk/
I had already use some css customizations on my website:
#header-right .widget_search { display: none; }
h2#site-description {; font-size: 15px }
h1#site-title { font-size: 25px}
h1#site-title a {color: #4D4D4D;}
h2#site-description {color: #000000; font-weight:normal;}
h2#site-description { padding-top: 10px; }
#hgroup-wrap img {margin-top: 50px;}
hgroup.with-logo {padding-left: 10px;padding-top: 24px;}

@media screen and (min-width: 1060px) {
/* Padding Above Logo */
#site-logo {padding-top: 50px;}
p {line-height: 1.7;
margin-bottom: 1em;}
/* Padding Above Site Title */
#hgroup {padding-top: 50px;}
/* Padding Below Site Description */
#hgroup-wrap {padding-bottom: 50px;}}
#hgroup-wrap img {margin-top: 50px;}
hgroup.with-logo {clear: none;margin-left: 50px;}

I did that some time ago and however funny it sounds I don’t know now which of these codes relate stricte to the site logo… I did tried to remove some that have ‘logo’ word in them but this is mostly changing the site content :/

Thank you for your help!

September 4, 2014 at 11:26 pm #43376

Sakin
Keymaster

@natoulie: But you don’t have Logo in your site. First add in Logo from “Appearance => header” and then let me know it. Then I will check in your site and send you the css.

September 5, 2014 at 9:29 pm #43444

natoulie
Participant

Hi Sakin,

I’ve just added the logo. If you find some time could you place look at it again and suggest how to change it?

Also I had created another site using Catch Everest theme http://www.rzesy-southampton.co.uk/ and I’ve noticed that I can’t manipulate with permalinks the same way I did on http://www.infinitylashes.co.uk/
All the pages under ‘rzesy semi-permanentne’ have ‘home’ in the address and I’d like to have a parent page name instead (just like on the other site).
Also when I look at http://www.rzesy-southampton.co.uk/ on my mobile instead of Menu it shows the navigation label of home site in the navigation panel (hope that’s how you call it :/).

Thank you for your help and sorry about the logo not being where it supposed to be!

September 5, 2014 at 10:22 pm #43446

natoulie
Participant

Regarding the permalinks I have been playing with them and although I’ve managed to change them and they do look exactly as I wanted I know have a problem with making my first page my home page.
I can’t remember what I did with my first site http://www.infinitylashes.co.uk/ but it seemed to be working just fine. In Appearance- Menus: Menu structure, the first page says custome and I could manipulate with the url address but this doesn’t seem to be working here http://www.rzesy-southampton.co.uk/. Any suggestions? Thank you!

September 6, 2014 at 5:33 am #43453

natoulie
Participant

Hi Sakin,

My problem with permalinks is sorted 🙂 I just had to set up page as static page in Admin Settings. It took me about 10 hours of finding this info on google but it was worth it! 🙂
Unfortunately not much luck with logo thing :/

September 6, 2014 at 1:51 pm #43484
Sakin
Keymaster
@natoulie: In your site rzesy-southampton.co.uk. For logo, you can add the following css in “Appearance => Theme Options => Custom CSS” box.
```
#hgroup.with-logo {
    clear: none;
    display: inline;
    float: left;
}
```
Also don’t forget to remove the following existing css. I see the following css twice in your custom css box. Remove it both.
#hgroup-wrap img {margin-top: 50px;}
September 6, 2014 at 5:31 pm #43490

natoulie
Participant

@Sakin,

Thank you for the css but now my site title and site tagline look like they are above logo. Please check http://www.rzesy-southampton.co.uk/
Any suggestions please?

September 7, 2014 at 9:35 am #43518

Sakin
Keymaster

@natoulie: You just deleted one. But there are two. So, you need to go to your Custom CSS and delete the following css:
#hgroup-wrap img {margin-top: 50px;}

September 10, 2014 at 11:51 pm #43661

natoulie
Participant

@Sakin
It’s working just fine, thank you for your help 🙂

If you find some time would you mind also sending me some css for line spacing. The one that I used in my main site http://www.infinitylashes.co.uk/ is not working with the one that I’m trying to ‘create’ now http://www.rzesy-southampton.co.uk/

Also I’d like to know how to make site menu appear as menu not a title of home page.

Thank you for your time and patience

September 11, 2014 at 7:54 am #43682

Sakin
Keymaster

@natoulie: Can you tell me which line spacing are you talking about.

About the menu, I don’t understand it. That’s mobile responsive menu. IF you don’t like responsive then you can disable it from “Appearance => Theme Options => Responsive Options”.

September 11, 2014 at 9:41 pm #43711

natoulie
Participant

@Sakin: I’m sorry if I’m not good in explanation 🙁 I really didn’t meant to be difficult.

Regarding responsive theme- it’s perfect and thank you for it! I do want it to stay this way! I meant the name of the menu; I took picture of what I mean, as I couldn’t find other words to rephrase my question. The picture is here:

Regarding line spacing, I mean line spacing in the body of each site page. I think I used this css for that:

@media screen and (min-width: 1060px) {
p {line-height: 1.7;
margin-bottom: 1em;}

but it doesn’t seem to work anymore.And the codes in the previous threads don’t work, I did try.
I also took some screen shots so you will be able see the difference.
That is how it comes with the theme:

That’s after customization:

I hope now it’s clear and sorry for not being clear enough before.

September 11, 2014 at 9:53 pm #43712

Sakin
Keymaster

@natoulie: About the menu in mobile, It will show menu if there is no page that is in menu item or in home. It will show text Menu and if you click on any menu item then it will show that page/post title.

I check in your site and the line height is working fine for screensize above 1060px.

September 12, 2014 at 12:40 am #43748

natoulie
Participant

Hi,
I do appreciate your quick response but your answer doesn’t answer my questions.

I have 2 sites build on the same theme, english version that has been live for over a year and now I’m building another one in different language. Somehow the css codes from old site don’t work on the new site. I want them to both look the same.

1st problem.
english site (old site): http://www.infinitylashes.co.uk/

Screenshot from Apperance=> Menus

On mobile MENU appears in navigation tab

Now the new site http://www.rzesy-southampton.co.uk/

Screenshot from Apperance=> Menus

On mobile MENU DOESN’T appear in navigation tab

2nd problem.
line spacing

english site http://www.infinitylashes.co.uk, the spaces between lines are smaller

I was trying to use exactly the same css codes for the new site http://www.rzesy-southampton.co.uk/ but they don’t work, the spaces between lines of text are still massive

What css code should I use to make spaces between text smaller please?

Thank you

September 12, 2014 at 12:42 am #43749

natoulie
Participant

I hope it’s clear now

September 13, 2014 at 11:05 pm #43829

Sakin
Keymaster

@natoulie: I think you misunderstood me. I understand you clearly in terms of your menu and I couldn’t explain it to you.

Mobile Menu issue explanation:
1. In you site rzesy-southampton.co.uk , it is showing “Rzęsy semi-permanentne” in your mobile menu. As this is the default homepage in your site. If you remove that page(homepage) from your menu then it will display “Menu” in your mobile menu as it doesn’t fine the homepage.
2. This is what happen to infinitylashes.co.uk, you don’t have homepage in your menu. You have added Custom Link for infinitylashes.co.uk and added menu label as “Eyelash Extensions”. So, in mobile menu, it doesn’t recognize custom menu link so it showing Menu. So, when added Homepage in your menu, you need to go to “Appearance => Menus” and in the “Pages” box, click on “View All” and then select homepage in your menu. See this screenshot showing how to add proper home page http://www.pinterest.com/pin/548594798331207092/

Line Height:
Both of your site has same line height. But you are confused with paragraph code text each text inside paragraph code <p>your text</p> line height is controlled through your css. But the line between these paragraph code text is controlled by paragraph margin bottom css. To me more clear about your content in the post/page editor. Go to “Text Mode”. See this screenshot that shows how to show text mode http://www.pinterest.com/pin/548594798332210926/

September 15, 2014 at 2:18 am #43876

natoulie
Participant

I deleted www from the custom link url address and now it shows Menu 🙂

Thank you for your support!!!
P.S.If you find me difficult imagine how bad it is for my boyfriend 😉 (those were his words).

September 15, 2014 at 9:04 am #43887

Sakin
Keymaster

@natoulie: You are welcome. Yes, it’s sometime hard to explain with just image and text. I am glad that I could solve this issue for you. Have a nice day 🙂

P.S: lol yes he must be really good 🙂
Author

Posts