Logo location change

diyrepackaged · Member · Sep 30, 2015 at 5:54 pm
Copy link

Add topic to favorites
I have the veggie theme and it currently only allows a logo to be placed above the name of the website. I would like my logo picture to be placed next to the company name so that it views like this; (logo) company name. Is there a way to write that code into CSS?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Sep 30, 2015 at 6:11 pm
Copy link
CSS editing is theme specific editing. Volunteers cannot view private blogs and we Volunteers do not request access to them. Staff can view private blog content and this thread is now tagged with modlook for their assistance. Please be patient while waiting for a response and subscribe to this thread so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.
thesacredpath · Member · Sep 30, 2015 at 8:18 pm
Copy link
Hi @diyrepackaged, this is a bit of a challenge due to the way the header area changes below 720px width. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think. Make sure and view your site on a phone, and on a tablet if you have one.
```
@media screen and (min-width: 720px) {
.site-title a {
    background: url('https://diyrepackaged.files.wordpress.com/2015/09/tools.gif') no-repeat scroll left top /contain;
    padding-left: 140px;
    padding-top: 20px;
    padding-bottom: 20px;
}
}
@media screen and (max-width: 719px) {
.site-title a {
		background: none;
		padding: 0;
}
  .site-title {
    background: url('https://diyrepackaged.files.wordpress.com/2015/09/tools.gif') no-repeat scroll center top /120px auto;
    padding-top: 100px;
  }
}
```
I’ve used media queries which style and arrange things differently above and below 720px in width to make things work with the smaller site title below 720px where I have centered the logo image above the title.
diyrepackaged · Member · Oct 1, 2015 at 12:31 am
Copy link
This looks great! Thank you so much for your help. I am very pleased
thesacredpath · Member · Oct 1, 2015 at 12:52 am
Copy link
Awesome, and you are welcome.

No items found.