Traditional header

Support
#1

I want to get my header to be the more traditional left justified one.

With site title on left and menu navbar on right. Total size of both being 150X100 or less.

Here is an example:
https://www.evernote.com/l/AXW1WsjSR6lF4qYZwa7zFEivFfN740LIrAs

Please guide me on how to do this in xtheme.

#2

Ok looks like I’ve been able to do this.

However I can’t seem to get the site title to be further on the left and the navbar to be further on the right like it is the previously attached screenshot.

I would also like to to reduce the extra spacing above the navbar to be the width of one line only.

My goal is to make the total space taken by top bar smaller so more of the pin image is seen on my blog posts.

Can you please advise what to do.

#3

Hi Sanachoudary,

Thank you for writing in, for the title and navigation to go side-by-side, please add this to Theme Options > CSS

.x-navbar .x-container.max.width {
	max-width: none;
	width: 98%;
}

Navigate to Theme Options > Header and adjust the Navbar Top Link Alignment

If this did not work, please let us know how we can access your dev site.

Cheers!

#4

I made both those changes but as you can see the site title is a bit lower than the nav bar line.

Also the space above the site title and nav bar still remains.

Please advise.

#5

Hello There,

There is a top margin added to the logo. Please go to X > Theme Options > Headers > Logo - Alignment and set the “Navbar Top Logo Alignment” to at least 0 or 5 pixels only.

Hope this helps. Please let us know how it goes.

#6

Hi, ok done.

But the navbar now seems to be cutting off the initial blog post titles on index page as you can see here:
https://www.evernote.com/shard/s373/u/0/sh/291151cc-fe41-4a4a-93d0-68835005bf8d/c4df0437c624ef7e5da40cbb01949063

Also the bar not cuts of the blog post title and only the secondary title can be seen on each blog post as can be seen here:
https://www.evernote.com/shard/s373/u/0/sh/ded06120-2581-411d-9031-35fb86be7b4a/4b5325dccde974a3a7e6d7dc9d6e5692

Please advise how I can fix.

#7

Hey There,

I could see that you X theme and Cornerstone plugin are outdated.

Could you please update them to the latest version?

Update guide: https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62

Changelog: https://theme.co/changelog/

Thanks.

#8

I was told earlier by another xtheme support person that updating it would require massive changes that might break my site and unless I am hiring a developer to handle it this is not wise.

Do you have an answer to my earlier question copy pasted again below:

But the navbar now seems to be cutting off the initial blog post titles on index page as you can see here:
https://www.evernote.com/shard/s373/u/0/sh/291151cc-fe41-4a4a-93d0-68835005bf8d/c4df0437c624ef7e5da40cbb01949063

Also the bar not cuts of the blog post title and only the secondary title can be seen on each blog post as can be seen here:
https://www.evernote.com/shard/s373/u/0/sh/ded06120-2581-411d-9031-35fb86be7b4a/4b5325dccde974a3a7e6d7dc9d6e56921

#9

Ok looks like that problem goes away when I used a fixed top. It remains when I use a static top. For now moved to a fixed top.

#10

Hi @sanachoudary,

You can always use fixed top, but the problem is the header height. Please go to Admin > Appearance > Customize > Header > NAVBAR > NAVBAR TOP HEIGHT (PX) and set it to 115, it’s currently set to 10.

And yes, please hire a developer or webmaster to manage the updates and fixes. The versions are too old.

Thanks!

#11

Thanks.

I will stay with fixed top for simplicity sake.

Going to stick to the old xtheme version and simply use my page builder for the new pages and designed blog posts as that is something I can do myself without hiring anyone.

#12

You’re welcome! :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.