Docs

[Freshnous]

Hi there,
Wondered if you could help with the following issues on this website- http://mercianevents.com/:

1. I would like to change the colour of the background colour of the burger menu on the mobile version so that it is black on not grey.

2. How do I remove the dotted lines from underneath the words ‘Email’ on the topbar without losing the link?

Many thanks

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.ubermenu-responsive-toggle {
    background-color: #000000 !important;
}

.x-topbar .p-info a {
    border-bottom: none;
}

Hope that helps.

[Freshnous]

That’s worked brilliantly-thank you.

One other query-on mobile and small tablet view, the topbar content is appearing in a grey box. Can I get rid of this so they just sit on a black background?

Many thanks-your support is excellent.

[Rahul]

Hey There,

Thanks for writing back!

We can see the topbar content’s background in black color. Can you please provide us a screenshot so we can take a closer look of it?

Thanks for understanding!

[Freshnous]

Thanks for getting back to me- see attached for screenshot

[Freshnous]

Attached

[Freshnous]

Attached

[Rahul]

Hey there,

Thanks for writing in!

Your screenshot failed to upload due to file size restriction. Please reduce its size below 512kb and upload again.

Thanks.

[Freshnous]

Where the email and phone details are displayed in the topbar has a grey/white box behind it. I would like this to be black.

Thanks a lot

[Jade]

HI there,

Please add this code in the customizer:

@media (max-width: 767px) {
    .x-topbar .p-info {
        background-color: #000;
    }
}

Hope this helps.

[Freshnous]

Fantastic job- Thanks a lot.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts