[Baskerville 2 Theme] Reducing Header height and Relocating Logo

laboratoryconcision · Member · Dec 12, 2017 at 4:07 am
Copy link

Add topic to favorites
Hello,

I am fairly new to WordPress and it’s system. I am not new to web development, but I would place my skills in the intermediate-beginner section. With that in mind, my problem is that:
I want to customize the logo of my website to display on the left side of of my website. If possible, I also want the logo to change in size depending on the size of the header.

The blog I need help with is: (visible only to logged in users)
sfmerv · Member · Dec 12, 2017 at 6:16 pm
Copy link
This is move the logo to the right
```
.header-inner {
    text-align: right;
}
```
If you want to make the logo smaller depending on the size of the screen you could use “media “queries” in you css.

Something like this
```
@media (max-width: 800px) {
      img.custom-logo {
           width: 50% !important;
     }
 }
```
That says when the screen is 800px or less then make the logo 50% of the it’s original width, you could also set a pixel size like 75px if you wanted to instead of %. By not setting the height is stays proportional. You could also set the height and not the width or both.

I hope that is what you are talking about. Let me know.
laboratoryconcision · Member · Dec 13, 2017 at 3:59 am
Copy link
Is it possible to make it respond to the header instead?
sfmerv · Member · Dec 13, 2017 at 9:47 pm
Copy link
When you say header instead. Do you mean you want it to happen at the same time as when the menu changes to the “mobile menu” from the horizontal browser menu? if that is yes then just change the 800 to 1000 and they will happen at the same time.
```
@media (max-width: 1000px) {
      img.custom-logo {
           width: 50% !important;
     }
 }
```
I do not see the header making any other changes when I switch to mobile. Let me know if that is what you mean.
thesacredpath · Member · Dec 18, 2017 at 8:40 pm
Copy link
Hi @laboratoryconcision, I’m not seeing a WordPress.com site associated with your username, and is returning this error: “Forbidden You don’t have permission to access / on this server.” Can you verify the URL of the site you are wanting help with?

No items found.