Docs

[rustedfingers]

How do place my logo a little bit to the left and the menu a little to the right to reduce the spaces from both edges?

Here’s my website: http://www.digitalsolutionsbymd.com

Thanks!

[Lely]

Hi There,

Thank you for the URL. Please adjust your max site width on Appearance > Customize > Layout and Design > Site Max Width. Current value is 1020px. Increase it accordingly.

Hope this helps.

[rustedfingers]

Thank you. It worked!

Just a follow up question, what is the best way to identify the class I need to style given an element? I tried the Inspect tool of Google Chrome but I’m finding it a challenge to read thru the HTML as certain elements are buried deep within a nested classes hierarchy. Your insight is appreciated.

[Christopher]

Hi there,

Please let us know what are you trying to achieve so we can help you with this.

Thanks.

[rustedfingers]

Thanks for the quick response. How do I change the color or even remove the green bar as I hover on a Menu item (attached)? I could not seem to find it in the customizer.

[Nabeel A]

Hi there,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;
}

Let us know how this goes!

[rustedfingers]

Works a like charm! 🙂 I wanna understand though how did you identify the CSS class — .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item >

So that next time I can do it myself. Also, where could I get the list of properties like box-shadow: none?

[Paul R]

Hi,

We are using chrome developer tools.

https://developer.chrome.com/devtools

Hope that helps.

[rustedfingers]

Thanks a lot. I am trying to learn the Chrome developer tools now.

[Christopher]

You’re welcome.

[Author]

Posts