Docs

[GDBE]

First Issue – Layout problem- the inner pages, the x-container offset is wrong because the page content is displaying UNDER the nav. It should be pushed down quite a bit more. I have checked my settings and custom CSS and dont see where this is set or changed. I dont see any custom css added that would cause this. *Side note – content displays correct on mobile, just not desktop.

Second Issue – Visual Composer text is NOT responsive. This has to be a child theme issue. When I inspect the element, the headings css have them set to display at VERY LARGE percentages ON MOBILE. Am I missing a responsive setting or something?

Website
Thank you!

[Jade]

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.

[GDBE]

This reply has been marked as private.

[Friech]

Hi There,

#1 On your Customizer navigate to Header panel and adjust the Navbar Top Height (somewhere 230), that is the height of your logo bar + navbar.

#2 Would you mind specifying which text you’re referring to so we can take a closer look.

Thanks.

[GDBE]

Hi –

#1 – I have the navbar top height set correctly. If I increase this amount the nav bar becomes way too tall, and the sub menu appears way too far down under the menu.

However, if I add the custom css to make body.x-navbar-fixed-top-active .x-navbar-wrap {height: 230px;} which is currently at 120, it works, but then on mobile is not correct. I am so confused……

#2- It would be any of the text that are headers used in Visual Composer. For example, the home page, the first line of text is HUGE on mobile. Pretty much any text with vc is not responding on mobile AT ALL

I have attached screenshots of everything – thanks!

[Joao]

Hi There,

On desktop your menu looks fine on my end, please clarify what is not correct.

Please add the following code to fix how it looks on mobile and to center your headlines.

@media (max-width: 481px) {

.x-brand img {
    width: 250px;
    width: 140px;
}

.x-btn-navbar.collapsed, .masthead-inline .x-btn-navbar {

    margin-right: 30px;
    margin-top: -20px;
}

.h-feature-headline span {
padding-left: 0px !important;
}

}

Let us know how it goes,

Joao

[Author]

Posts