Messed up main menu and secondary menu settings

I accidentally messed up the CSS code in the editor for the "default Menu" layout. i am not sure how to revert it back to a couple of hours ago before i touched it.

Also i wanted to realign the "fb like" button form the plugin as it was abit off, but it just bacame further from the correct alignment.

I hope i can solve this issue as i have to present it to the client in a few hours TT

Thanks so much!

  • Adam Czajczyk

    Hello RYAN,

    I hope you're well today and thank you for your question!

    I accidentally messed up the CSS code in the editor for the "default Menu" layout. i am not sure how to revert it back to a couple of hours ago before i touched it.

    By the "default Menu layout" you mean a "Default" preset for top (main) menu? If this is the case you can revert to default by putting this code inside CSS editor:

    [data-style="horizontal"] ul.menu > li.menu-item {
        position: relative;
        margin-right: 15px;
        margin-left: 10px;
    }
    [data-style="horizontal"] ul.menu > li.menu-item:first-child {
        margin-left: 0;
    }
    [data-style="horizontal"] ul.menu > li.menu-item:last-child {
        margin-right: 0;
    }
    [data-style="horizontal"] ul.menu > li.menu-item:after {
        content: "/";
        width: 5px;
        height: 34px;
        display: block;
        position: absolute;
        top: 2px;
        right: -15px;
        text-align: center;
    }
    [data-style="horizontal"] ul.menu > li.menu-item:last-child:after {
        content: none;
        display: none;
    }
    [data-style="horizontal"] ul.menu > li.current-menu-item > a, [data-style="vertical"] ul.menu > li.current-menu-item > a, [data-style="burger"] ul.menu > li.current-menu-item > a {
        color: #ufc0;
    }
    ul.menu > li.menu-item-has-children > a:after, ul.menu > li.parent > a:after {
        border-top-color: #ufc3;
    }
    ul.menu li.menu-item-has-children:hover > a:after, ul.menu li.parent:hover > a:after, ul.menu li.menu-item-has-children:focus > a:after, ul.menu li.parent:focus > a:after, ul.menu li.menu-item.burger_sub_display > a:after {
        border-top-color: transparent;
        border-left-color: #ufc0;
    }
    ul.sub-menu {
        background: #4a4a4a;
    }
    ul.sub-menu > li.menu-item {
        width: inherit;
    }
    ul.sub-menu > li.menu-item > a {
        padding: 5px 10px;
    }
    ul.sub-menu > li.menu-item > a:after {
        content: "";
        display: block;
        position: relative;
        top: 6px;
        margin: 0;
        border-bottom: 1px sotted #ufc0;
    }
    ul.sub-menu > li.menu-item:last-child > a:after {
        content: none;
    }
    [data-style="horizontal"] ul.sub-menu, [data-style="vertical"] ul.sub-menu {
        border: 1px solid #ufc5;
    }
    [data-style="horizontal"] ul.menu > li.parent > a, [data-style="horizontal"] ul.menu > li.menu-item.menu-item-has-children > a {
        padding-right: 25px;
    }
    [data-style="horizontal"] ul.sub-menu ul.sub-menu > li > a, [data-style="vertical"] ul.sub-menu ul.sub-menu > li > a {
        border-left: 0;
    }
    [data-style="horizontal"] ul.sub-menu li.menu-item-depth-1 ul.sub-menu, [data-style="vertical"] ul.sub-menu ul.sub-menu {
        margin-top: -1px;
    }
    [data-style="horizontal"] ul.sub-menu li.menu-item-depth-4 ul.sub-menu, [data-style="vertical"] ul.sub-menu li.menu-item-depth-4 ul.sub-menu {
        position: relative;
        top: 100%;
        left: 0;
        margin-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }
    [data-style="horizontal"] ul.sub-menu {
        margin: 0;
        padding: 0;
    }
    [data-style="horizontal"] ul.sub-menu > li {
        display: block;
        min-width: 180px;
    }
    [data-style="vertical"] ul.sub-menu > li {
        min-width: 120px;
    }
    [data-style="vertical"] ul.sub-menu ul.sub-menu {
        margin-top: 1px;
    }
    [data-style="burger"] ul.menu {
        background: #4a4a4a;
        padding: 0 20px;
        border-bottom: none;
    }
    [data-style="burger"] .responsive_nav_toggler {
        width: 30px;
        height: 30px;
        padding-top: 10px;
        border: 0;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        opacity: 1;
        z-index: 0;
    }
    [data-style="burger"] i.burger_nav_close {
        background: #ufc2;
        color: #ufc5;
        transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out;
    }
    [data-style="burger"] .responsive_nav_toggler:hover, [data-style="burger"] i.burger_nav_close:hover, [data-style="burger"] .responsive_nav_toggler:hover, [data-style="burger"] i.burger_nav_close:focus {
        background: #ufc5;
        color: #ufc2;
    }
    [data-style="burger"] div.responsive_nav_toggler > div {
        width: 16px;
        height: 2px;
        margin-right: 0;
        margin-bottom: 2px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        background: #ufc5;
        transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out;
    }
    [data-style="burger"] div.responsive_nav_toggler:hover > div, [data-style="burger"] div.responsive_nav_toggler:focus > div {
        background: #ufc2;
    }
    [data-style="burger"] div.responsive_nav_toggler > div:last-child {
        margin-bottom: 0;
    }
    [data-style="burger"] i.burger_nav_close {
        width: 30px;
        height: 30px;
        margin-top: 10px;
        margin-bottom: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    div.burger_overlay {
        background-color: rgba(0, 0, 0, 0.7);
    }
    [data-style="burger"][data-burger_alignment="top"] ul.menu {
        padding: 20px;
    }
    [data-style="burger"][data-burger_alignment="left"] ul.menu {
        border-right: 1px solid #ufc0;
    }
    [data-style="burger"][data-burger_alignment="top"] ul.menu {
        border-bottom: 1px solid #ufc0;
    }
    [data-style="burger"] ul.menu li.menu-item {
        margin-bottom: 5px;
    }
    [data-style="burger"] ul.menu li.menu-item:last-child {
        margin-bottom: 0;
    }
    [data-style="burger"] ul.menu li.menu-item > a {
        display: block;
        padding: 0;
    }
    [data-style="burger"][data-aliment="right"] li.menu-item-has-children > a, [data-style="burger"][data-aliment="right"] li.parent > a {
        padding: 0 30px;
    }
    [data-style="burger"] li.menu-item-has-children > a:after, [data-style="burger"] li.parent > a:after {
        border-top-color: #ufc2;
    }
    [data-style="burger"] li.menu-item-has-children:hover > a:after, [data-style="burger"] li.parent:hover > a:after, [data-style="burger"] li.menu-item-has-children:focus > a:after, [data-style="burger"] li.parent:focus > a:after
    [data-style="burger"] li.menu-item-has-children.burger_sub_display > a:after, [data-style="burger"] li.parent.burger_sub_display > a:after {
        margin-top: 10px;
        border-top-color: transparent;
    }
    [data-style="burger"] ul.sub-menu > li.menu-item {
        margin-bottom: 10px;
    }
    [data-style="burger"] ul.sub-menu > li.menu-item > a {
        padding: 0;
        text-align: inherit;
    }
    [data-style="burger"][data-burger_alignment="left"] ul.menu, [data-style="burger"][data-burger_alignment="right"] ul.menu {
        width: auto;
        min-width: 200px;
        max-width: 200px;
    }
    div[data-style="horizontal"] ul.menu > li.parent > a, [data-style="horizontal"] ul.menu > li.menu-item.menu-item-has-children > a {
        padding-right: 25px;
    }
    [data-style="horizontal"] ul.menu > li.parent ~ li.menu-item:before, [data-style="horizontal"] ul.menu > li.menu-item.menu-item-has-children ~ li.menu-item:before {
        margin: 0 15px 0 10px;
    }
    [data-style="horizontal"] ul.sub-menu {
        margin: 0 0 0 35px;
    }
    [data-style="horizontal"] ul.sub-menu li.menu-item-depth-1 ul.sub-menu {
        margin-left: 0;
    }
    ul.menu li.menu-item-has-children > a:after, ul.menu li.parent > a:after {
        border-top-color: #ufc2;
    }
    ul.menu li.menu-item-has-children:hover > a:after, ul.menu li.parent:hover > a:after, ul.menu li.menu-item-has-children:focus > a:after, ul.menu li.parent:focus > a:after, ul.menu li.menu-item.burger_sub_display > a:after {
        border-top-color: transparent;
        border-left-color: #ufc0;
    }

    This is the default style for the "Default" preset for the main menu of most recent Scribe.

    Please note however that it would "reset" to default, not bring back to a custom one from a couple of hours ago so before putting it on your site however, please make sure that I understood your issue correctly and if it's not the case, don't use the code and just correct me so I could provide you with proper solution.

    If you would want to only "revert" menu style to a previous version of a customized style that you created, I'm afraid the only way would be to work on CSS code again and make changes as there's no "versioning" built-in for that so it's not possible to go back that way.

    Also i wanted to realign the "fb like" button form the plugin as it was abit off, but it just bacame further from the correct alignment.

    I assume that this is the button in question:

    Could you please elaborate a bit more on what exactly should be done with that button? I'll be more than happy to assist you then.

    Best regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.