Docs

[murrageo]

Good afternoon,

I like the way my website: http://www.agnotology.net looks on large displays, but on mobile the text in the logo is cut off rather than scaling so that it fits.

[Rad]

Hi there,

Thanks for writing in.

The logo is too long, it’s now a headline. Please check this http://demo.theme.co/integrity-1/shortcodes/responsive-text/

The please add this code to your child theme’s functions.php with your preferred size setting.

add_action('wp_footer', 'responsive_logo', -999999);

function responsive_logo () {
echo do_shortcode('[responsive_text selector=".x-brand" compression="1.5" min_size="36px" max_size="78px"]');
}

Hope this helps.

[murrageo]

Okay, I understand how I could make headlines responsive text as per: http://demo.theme.co/integrity-1/shortcodes/responsive-text/

I’m still confused about the Logo that “is too long . . . now a headline.”

In order to edit the child theme’s functions.php I’d access the FTP client available with my server? When I look there I find many .php’s, but no functions.php. There is one specifically for the header, though. Could I input the code you provided above there?

[Friech]

Hi There,

That is because you set the Logo Font Size to 50px on Customizer.

You can add this under Custom > CSS in the Customizer instead.

@media (max-width:  480px) {
	.x-brand {
		font-size: 2em;
	}
}

Hope it helps, Cheers!

[murrageo]

Great! That got the logo working, but the dropdown menu is still absent. There should be several menu options that aren’t appearing.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-btn-navbar, .x-btn-navbar.collapsed {
    color: black !important;
}

Hope that helps

Joao

[murrageo]

Great ya’ll are the best!

[Joao]

🙂

Thanks for your kind words.

Joao

[Author]

Posts