How can I have the website title on the same line as the menu bar?

artusartos · Member · Dec 31, 2014 at 1:23 pm
Copy link

Add topic to favorites
The theme that I’m using (sequential theme) puts the title and the menu bar on the same line. However, if the title is too big or the menu bar is too long, it usually takes the menu bar below the title.

There is something that’s annoying me with this…when I use internet explorer, The title “Zehra Risale” appears on the same line as the menu bar (which is what I want). However, this is not the case with google chrome and firefox: the title appears above the menu bar (which looks weird and annoying). I’m not sure why this is happening. Does it mean I have to decrease the margin between the title and the menu bar? If so, how is possible to do that? (But if this really IS the problem, then how come it appears perfectly in internet explorer?_

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 31, 2014 at 6:48 pm
Copy link
Hi there, browsers all render things slightly differently, so it is common for there to be some differences when viewing a site on different browsers. You can give the following media query a try, which should keep the menu to the right of the title and description down to the point that the touch device menu activates, but there is no guarantee that the menu and title might not overlap a bit on some browsers. Of course, if you edit your menu labels, or add additional ones, the below solution will likely cause overlap.
```
@media screen and (min-width: 1020px) {
	.menu-left .main-navigation {
		float: right;
		margin-right: -14px;
		margin-left: 0;
		clear:right;
	}
	.site-branding {
		padding-right: 0;
	}
}
```
artusartos · Member · Dec 31, 2014 at 8:56 pm
Copy link
I tried the three browsers and it seems to work fine, there are no overlaps. Anyways, thanks for your time. ;)
thesacredpath · Member · Dec 31, 2014 at 11:47 pm
Copy link
You are welcome.

No items found.