Docs

[manfromthestars]

please see attached image. the page title is partially blocked by top nav.

can you help?

thank you

[Rahul]

Hi,

Please add the following custom CSS :

.h-landmark span, .entry-title.h-landmark span {
  padding-top:30px;
}

Thanks

[manfromthestars]

that also kicks down the links in the top nav 🙁

another suggestion please?

[manfromthestars]

and when I shrink the window the links in the nav dont stay in the black bar. As the screen gets smaller the links seem to disappear or perhaps go under the bar and are difficult to see against the white background.

suggestions?

thank you

[Rupok]

Hi there,

Thanks for updating. Let’s use this instead :

@media only screen and (min-width: 980px) {
.x-header-landmark {
  padding: 70px 0 30px;
}
}

I have tested this on your site and should work fine.

Cheers!

[manfromthestars]

looks good thank you

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[manfromthestars]

Submenu got pushed down and color changed when i updated X.

Can you help get the top nave to be white and centered in the black nav? See 1st part of thread

thank you

[Rad]

Hi there,

Does it have fixed positionin on top bar too? Would you mind providing the exact URL that has this issue?

Thanks!

[manfromthestars]

http://kurtisleethomas.com/

and any of the deeper pages

thank you

[manfromthestars]

anyone there?

[Friech]

Hi There,

Regretfully, at this time I am not entirely certain of the issue. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do. We’ll be happy to provide you with a response once we have a better understanding of the situation.

You can change the submenu color with this custom css.

.x-navbar .desktop .sub-menu li > a {
	color: blue;
}

Thanks.

[manfromthestars]

ok – lets start from the beginning of this thread….

In the top nav (on all the pages) the links were not lining up with in the black nav bar correctly (they are bumped to far down and appear below the black bar)… You can see the original attached image earlier in the thread.

There was a fix by support (thank you) and the text links and the black bar lined up perfectly.

However with a recent update of X, the same issue has occurred.

If you go to any of the pages and hover over/around the top nav you will see the text links appear in red. Because they are currently in white (and they need to stay white) you can’t immediately see them and the challenge I’m having.

I need some css magic to move those links back into the black nav bar so people can see them.

Please review this entire thread to get a better understanding of the situation and the history.

Thank you

[Christopher]

Hey there,

Thanks for writing in! This particular situation is simply a matter of reworking your content to properly fit the physical limitations presented by the theme (this is a consideration that must be taken into account with all themes and designs). It is the same principal applied to filling up a room with furniture—there is only so much that can fit into a given space. The following should be considered in these situations:

• Logo Size – longer logos will conflict with navigation items as you size your site down. If you are noticing a conflict, you may need to implement some CSS to size down your logo as viewports get smaller.
• Shorter Names – you should always shoot to have your top-level navigation links be as simple as possible. For example, if your link is “Learn About My Company,” Try using “About” instead. It conveys the same idea and will save you a ton of real estate.
• Rearrange – sometimes we want to put all of our links in the top-level navigation, but not all pages are created equally. Pages of lesser importance that pertain to a parent link might work well as a sub-menu instead.
• Less Links – even on more “complex” websites with lots of pages, there are always ways to combine information together to make things simpler, which also ensures that your user doesn’t have to click around for every granular piece of information. For example, you might have two top-level links called “About” and “Contact,” which could possibly be combined into one. This eliminates the need for extra links and makes things much simpler for your users to navigate. Less is more in information architecture.
• Appearance – fortunately X features plenty of options for adjusting the appearance of elements throughout your site, and the navbar is one of the more flexible elements. Try using a smaller font size if possible to save on a little real estate.

Thanks!

[manfromthestars]

NOT THE PROBLEM…. Prior to the recent Xtheme update they fit fine. NO ISSUES.

So it’s not any of what you just described.

Can you simply give me the css code to get it to fit like you did earlier before the problem?

I’m looking for a solution not a discussion 🙂

[Author]

Posts