Logo / Nav Bar Inline and Stack Trouble

Support
#1

Hello there,

I’m having trouble getting the logo to be on the same line as my Ubermenu navigation bar. This seems simple enough, and the logo is set to “inline”, though I’m not sure what the problem is.

As well, I would like the logo to be 400px wide, though it is not displaying that size. Please help!

Lastly, I’m having trouble when the logo and nav bar reach 481px-767px, I’d like them to stack on top of each at that point and be center.

Any help would be so greatly appreciated!

#2

Hi Heather,

This is because by default Ubermenu is a block. To make it aligned we need to adjust default settings. Look at this:
https://screencast-o-matic.com/watch/cqlbQxvi8u

@media screen and (min-width: 960px){
.ubermenu-responsive-default.ubermenu {
    display: inline-block !important;
    margin-top: 23px;
    margin-left: 5em;
}
}

Please set setting on Theme Options > Header

We can also adjust it using CSS. See this : https://screencast-o-matic.com/watch/cqlbQCviPX

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    clear: both;
}

Hope this helps.

#3

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