Moving Title alongside Logo – Eden theme

aucklandrosesociety · Member · Sep 29, 2016 at 3:10 am
Copy link

Add topic to favorites
If I wished to move the title on the home page to be alongside the logo and to the right of it, how would I go about this also please? …And then also reduce the space between the bottom of the logo/title and the menu bar beneath it? Cheers

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 29, 2016 at 6:28 pm
Copy link
Your site is private so I can’t be much help at the moment. Could you either change the privacy settings to public (even if it’s just a temporary switch) or invite me to be a viewer so I can take a look.
aucklandrosesociety · Member · Sep 30, 2016 at 3:06 am
Copy link
Hi hallluke, I have made the site hidden instead of private so you should be able to see now… Many thanks
hallluke · Member · Sep 30, 2016 at 5:38 pm
Copy link
Try copying this code into the CSS section of the customiser. It moves the site title to the side of the image and slides it down the page a bit so it’s close to the middle. It’s only set to work on larger screens because it gets a little cramped on tablets and mobiles. I’ve used the same break point as the theme uses to switch between the two menu styles so it’s nice and consistent:
```
@media screen and (min-width: 1020px) {
  .site-logo-link,
  .site-title {
    float: left;
    clear: none;
  }
  #masthead .site-title {
    margin-top: 50px;
  }
  .site-branding {
    max-width: 100%!important;
  }
}
```
aucklandrosesociety · Member · Oct 1, 2016 at 5:14 am
Copy link
Brilliant! That works perfectly. Thank you so much for your help!
Cheers

No items found.