SKT Naturo Pro – Header changing

Home Forums All Other Themes SKT Naturo Pro – Header changing

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #204566
    Leon WeiserLeon Weiser
    Participant
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: April 20, 2022

    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 🙂

    #204568
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 30215
    • Total: 30215
    Member since: August 16, 2013

    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

    #204572
    Leon WeiserLeon Weiser
    Participant
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: April 20, 2022

    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

    #204573
    Leon WeiserLeon Weiser
    Participant
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: April 20, 2022

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

    #204576
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 30215
    • Total: 30215
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS:

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

    Regards,
    Brad

    #204580
    Leon WeiserLeon Weiser
    Participant
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: April 20, 2022

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

    #204581
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 30215
    • Total: 30215
    Member since: August 16, 2013

    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

    #204618
    Leon WeiserLeon Weiser
    Participant
    • Topics: 5
    • Replies: 8
    • Total: 13
    Member since: April 20, 2022

    Thank you, worked 🙂

    #204625
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 30215
    • Total: 30215
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Brad

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.