Dyad Site Title Customization

thresholdodpcec · Member · Dec 2, 2015 at 12:09 am
Copy link

Add topic to favorites
Greetings-

The site title for the Dyad theme is justified left. Is there a CSS code that will justify center?

Thanks in advance.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 2, 2015 at 7:34 am
Copy link
Hi there, the menu at right is set to have a width of 70% and the logo/site title a width of 30%. If we make the menu narrow enough to allow the logo/title to be centered, you will have very little space for menu items. There are also some issues that would happen on narrower screens and windows below 960px in width. So, the following solution uses a Media Query to limit this change to 96px and wider so that there aren’t issues with the menu system and such.
```
@media screen and (min-width: 961px) {
  .site-header {
    text-align: center;
}
.site-branding {
    display: table-row;
    width: 100%;
}
#site-navigation {
    width: 100%;
}
}
```
Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.
thresholdodpcec · Member · Dec 2, 2015 at 6:53 pm
Copy link
thank you so much!

this worked perfectly ! *(^_^)/*
thesacredpath · Member · Dec 3, 2015 at 7:39 am
Copy link
You are welcome.
scidiscon · Member · Jan 6, 2016 at 2:12 pm
Copy link
Hello,

I am in need of a wider site title space and less menu space. I’d like to keep the site title left aligned. Could you please help me figure out how to do it?

Thanks!
thesacredpath · Member · Jan 6, 2016 at 7:06 pm
Copy link
Hi @scidiscon, on your site, I see you have set text-align to center in the media query you have. If you wish the title to be left aligned, you will need to remove that rule from the media query.

At 960px and narrower, the menu changes to the touch menu for tablets and mobile devices, so I don’t see any interference with the site title.

Can you explain a bit further what it is you are wanting to do?
scidiscon · Member · Jan 8, 2016 at 6:22 pm
Copy link
Hi there,

Thank you for getting back to me. I want the site title to be left aligned but when I set it, the site title is too long and becomes two lines instead of one line. To avoid that problem, I have set it text-align to center for now. Is there a way to make the site title space wider, so that it is left-alinged and the whole title is one line?
thesacredpath · Member · Jan 8, 2016 at 10:27 pm
Copy link
Hi there, when I remove the following from your Media Query, your title stays on one line clear down to about phone size when it becomes two lines. Try removing this and see if that isn’t what you see as well.
```
.site-header {
    text-align: center;
}
```
scidiscon · Member · Jan 11, 2016 at 1:11 pm
Copy link
That solved my problem. Thank you!
thesacredpath · Member · Jan 11, 2016 at 11:35 pm
Copy link
You are welcome.

No items found.