Docs

[JW & Co.]

Good morning,

I have made a lot of customizations over time to the navbar at the top of homeandhealthy.joshuaweatherstone.com. I had it inline, switched to stacked, and now am moving back to inline. If you take a look at the header, you will notice that the logo is not staying a conistent size depending on the screen from which it is viewed, and the menu items are hanging off the page, and the mobile menu button is appearing even when not viewed from a small screen.

Suggestions to remedy these issues?
Josh

[Rad]

Hi there,

Thanks for writing in.

I checked but couldn’t find what’s the main root of this issue. I see custom CSS but I’m not sure if they are intentional or not. You may try restoring your site before this happens by contacting your hosting provider. Or, please provide your Admin and FTP login credentials in private reply.

Thanks!

[JW & Co.]

This reply has been marked as private.

[Christian]

Hey Josh,

You should contact your web host to restore a backup. Regretfully, since the issue was caused by customization, we could not provide support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thank you for understanding.

[JW & Co.]

Thanks for your response. It’s a little disappointing because I know that whichever customization is causing this came from your support team. The issue is that the code is conflicting with other custom code from a different member of the team.

I guess I will try to figure it out on my own,
Josh

[Joao]

Hi Josh,

It is unlikely someone changed your code, but we are more than happy to help you achieving your design again.

Before that I would kindly ask that you help us with the main points where it should be fixed.

I can see the menu is not aligned with the logo, which can be aligned on Appereance Customizer Header.

I can see the code for the button is on the wrong media query and that is why.

The easiest way would be a backup for your hosting if you have a chance of course, if not, just please make a direct list point

1-Menu is not aligned

2- This should like this..

3..

Like that will be easier to help.

Thanks,

Joao

[JW & Co.]

Good morning,

Thanks for your willingness to help. I don’t think that anyone changed the code – I think that I requested several customizations which ultimately are in conflict with each other. I think the settings are right in the customizer (feel free to use login credentials above to investigate), but the custom code within the customizer is the issue.

The navbar is what needs to be fixed:
1. Menu items are hanging off screen to the right. They should fit to the right of the logo, but still be on page.
2. Mobile menu button is appearing 100% of the time, not just on small screens.
3. Logo and menu items should be vertically centered.

Once these are done, I think the site will be complete.

Thanks,
Josh

[Paul R]

HI Josh,

I went ahead and fix the alignment for you.

Please check – http://homeandhealthy.joshuaweatherstone.com/

[JW & Co.]

Hello,

The logo does look much better, but I’m still seeing a major issue with the menu items hanging off the right of the screen: http://prnt.sc/cevu96. Please advise!

Thanks,
Josh

[Joao]

Hi Josh,

On Appereance Customizer Custom CSS:

Find this code:

  @media ( min-width: 980px ) {

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

And remove : right: -138px;

Hope that helps,

Joao

[JW & Co.]

Marvelous! It is almost perfect. The only (minor) issue is that when viewed from an ipad, the logo is no longer vertically centered?

Thanks,
Josh

[Nabeel A]

Hi Josh,

Please add the following code in your Customizer

@media screen and (max-width: 1050px) {
   .x-brand img {
       padding-top: 0 !important;
    }
}

Let us know how this goes!

[Author]

Posts