Unique visuals and menus

Hello!

I am trying to create a few different looks, but would love any insight you have on how to achieve them.

Here is the page I am looking at for reference: https://www.theblondeabroad.com/start-here/

  1. In the header, underneath “the blonde abroad” their menu is outlined in a faded/patchy/hand-drawn looking line. I have tried creating the same for my header by turning on the border, but they all look cartoonish in comparison. Is there a way I can add a custom line element or something to create this better-looking border?

  2. On the same page, directly under the “start here” picture, there is a small table of contents/interactive menu for the page. Is there any way this can be achieved in X theme? Or is there a plugin you know of or recommend for it?

  3. Lastly, I looove the way the dropdown menu looks. I see there are two different recommended menu building plugins, would one of those be capable of this?

Thanks for any insight!

Hello Cassidy,

Thank your for the very detailed post information.

1.) The Nav Menu is using a custom CSS that displays a png image line:

It is using this code:

.nav-secondary:before {
    background: url(images/Category-Menu-hr.png);
    width: 100%;
    height: 1px;
}

.nav-secondary:after {
    background: url(images/Category-Menu-hr.png);
    width: 100%;
    height: 1px;
}

This code will not work on your site. You may need to do something similar or just simply add a background image in your Bar element that contains your menu or logo.

2.) We do not have any recommend plugins that can do this. With the help of the DIV element, Icon element, Line element, etc; you may be able to do something similar instead.

3.) The Dropdown menu in the example site seems to have been using the MaxMegaMenu plugin.

Best Regards.

Thank you so much!! This was very helpful

Hey Cassidy,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.