Menu and logo on mobile

Support
#1

Hi there, I’ve looked on the forum and tried many bits of code, but none seem to be working on my site!
I am using Ubermenu and when viewed on mobile, would like the logo to be centred with the ubermenu underneath.

Also when the ubermenu is open, there is no spacing between that and the logo currently.
The site is https://pridesports.org.uk/

Any help would be much appreciated.

Thanks, Jen

#2

Hi Jen,

You forgot to close the curly bracket(}) in your custom CSS.

  • Please find this custom CSS:
@media (min-width: 768px) {
  .x-bnb-room-col-intro {
    padding: 1px 0 0 !important;
    text-align: right !important;
  }
  .h-landmark, .entry-title.h-landmark {
letter-spacing: -.02em;
}
  header.x-header-landmark {
    background-color: #ddd;
}
.h-widget {
	color: grey;
  font-weight: 600
  }
  • And change to this:
@media (min-width: 768px) {
  .x-bnb-room-col-intro {
    padding: 1px 0 0 !important;
    text-align: right !important;
  }
  .h-landmark, .entry-title.h-landmark {
    letter-spacing: -.02em;
  }
  header.x-header-landmark {
    background-color: #ddd;
  }
  .h-widget {
    color: grey;
    font-weight: 600
  }
}

Hope it helps :slight_smile:

#3

Perfect!!! Worked like a dream :smile: Thank you

#4

You are most welcome. :slight_smile:

#5

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