Logo for mobile only, inline with menu button

Support
#1

I would like to have a logo (text/image) to display only on mobile, aligned left;
with the menu button, aligned right;
both inline.

Please advise. Thanks!

#2

Also, what are the settings to make the black selected are full width to the edges of the screen? Thank you.

#3

Hi,

To achieve that, you need to set your Header Layout to Inline.

Then change your css code that reads.

.x-logobar {
    display: none;
}

to

@media(min-width:979px) {
.x-brand {
     display:none;
}
}

Hope that helps.

#4

That worked great thank you.

Only thing is in mobile format:
The black highlight bar still doesn’t cover the whole width when selected; and
The black highlight bar doesn’t cover the whole height of the navbar

#5

Hi there,

Please kindly add the code below to X > Launch > Options > CSS:

@media (max-width: 979px) {
	.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
		height: 60px;
		padding-right: 30px;
	}

	.x-navbar-inner .x-container.max.width {
		width:  100%;
	}

	.x-brand {
	    padding-left: 30px;
	}
}

Thank you.

#6

Perfect thanks!

#7

You’re welcome.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.