SKT Naturo Pro – Header changing

[Leon Weiser]

Hello 🙂

I want to make 2 changes in my header. To do this, I have created an image of what changes should be made.

Here is the image for it:

https://dwv-konstruktion.de/wp-content/uploads/2023/03/Header-changings.png

I want to change my current header (Header Layout 1) so that the menu looks similar to Header Layout 3:
– Home button on the right side, like in Header Layout 3.
– Furthermore I want the menu to be placed in the middle or at the bottom of the header.

My Website: https://dwv-konstruktion.de

Thanks in advance 🙂

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu {
  margin-top: 50px;
}
#topmenu ul li a {
  padding: 20px 17px;
}
#topmenu ul li:last-child {
  background: #FEA200;
  border-radius: 100px;
  padding: 0 20px;
}
#topmenu ul li:last-child a {
  padding-left: 0;
}

Regards,
Brad

[Leon Weiser]

Thank you.

Works almost perfectly. In the dropdown menu is now unfortunately displayed something wrong, see picture.

https://dwv-konstruktion.de/wp-content/uploads/2023/03/Header-changing-new.png

Best Regards

Leon

[Leon Weiser]

Would it also be possible to change the hover of the home button separately without changing the settings for the other texts? (Text + Background)

[Sonnal S Sinha]

Hi,

Kindly use this CSS:

#topmenu ul li ul li:last-child {
  background: inherit !important;
  border-radius: 0 !important;
  padding: inherit !important;
}

Regards,
Brad

[Leon Weiser]

The dropdown menu is now displayed transparently, but should be displayed with a white background

[Sonnal S Sinha]

Hi,

Remove

#topmenu ul li ul li:last-child {
  background: inherit !important;
  border-radius: 0 !important;
  padding: inherit !important;
}

and replace:

#topmenu ul li ul li:last-child {
  background: #fff !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

#topmenu ul li ul li:last-child a {
  padding: 10px 8%;
}

Regards,
Brad

[Leon Weiser]

Thank you, worked 🙂

[Sonnal S Sinha]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Brad

[Author]

Posts