Jump to content

How to increase mobile logo size?

Recommended Posts

Yes please, any clue how to increase responsive-header for mobile?

These are the code I found in global.css for responsive-header

/* BOTH */
@media screen and (max-width: 979px) {

	#elSiteTitle, #elLogo{
		height: var(--responsive-header--height);

		#elLogo img {
			max-height: var(--responsive-logo--height);

		background: rgb( var(--theme-main_nav) );


Link to comment
Share on other sites

You simply need to override the value for --responsive-header--height. The defaults are set in core > global > framework > _vars.css. You can put something in your custom.css that overrides the default value (which references the percent you enter in the theme settings, typically 100%).

What have you tried in your custom.css?

Link to comment
Share on other sites

  • 2 weeks later...
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...