Docs

[JW & Co.]

Good morning,

I am starting to get a headache from attempting customizations to the navbar at the top of http://www.homeandhealthy.joshuaweatherstone.com. I changed the size of the text in the topbar, and it is throwing off my entire header.

Please tell me how to realign the menu items to the right on all devices, and how to vertically align the logo and menu items when viewed from an iPad.

Thanks,
Josh

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[JW & Co.]

This reply has been marked as private.

[Rad]

Hi there,

You shouldn’t add <p></p> in your topbar’s content. It’s already within <p></p> and nesting it will break it. Would you mind providing the screenshot of how it should be? Looks fine on my end.

About the alignment, please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( min-width: 980px ) {

.masthead-inline .desktop .x-nav {
    display: block;
    float: right;
    position: relative;
    right: -138px;
}

}

@media ( max-width: 979px ) {

.x-brand {
    display: block;
    text-align: center;
    width: 100%;
}

.masthead-inline .x-btn-navbar {
    display: inline-block;
    float: none;
    clear: both;
    margin: 20 auto;
}
.x-navbar {
    text-align: center;
}

}

Hope this helps.

[JW & Co.]

Thank you for providing that code, but unfortunately the menu items in the navbar on the home page are still not aligned to the right.

Additionally, if I shouldn’t use <p></p> in my topbar content, how can I still apply the CSS to that text?

Thanks,
Josh

[Rad]

Hi there,

Would you mind providing of a screenshot of what you’re getting?

You can then add <span></span> and apply your CSS through class name.

Thanks!

[Author]

Posts