Docs

[ARDRV]

Hi guys,

Trying to work out how to get the text of the mobile nav dropdown menu items to align left with my logo text above it. It is slightly indented I guess because of the padding within the menu item containers themselves. I’d like to know how to remove that padding so the text of each of the menu items aligns with the logo.

Also, how can I change the background colour of the item buttons? I just want to change it to match the overall colour of the header (making the buttons invisible, just showing the text only.)

Hope this makes sense.

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[ARDRV]

This reply has been marked as private.

[Rupok]

Hi Richard,

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

.x-navbar .mobile .x-nav li > a {
  background-color: transparent;
  padding-left: 0;
}

Hope this helps.

Cheers!

[ARDRV]

Perfect! Thanks so much, fantastic support!

Best Regards

Richard

[Rupok]

You are welcome Richard!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts