Okay
  Public Ticket #1050124
Word Menu Next to Slide Out Header
Closed

Comments

  •  2
    Jon started the conversation

    I've used your code referenced on how to make the slide out head have a word to the left of the hamburger icon such as "MENU".

    Unfortunately, it brings two versions of the word menu that seem to be inseparable, one in color and one white.

    Please advise a way to simply have one version of the word "Menu" next to the hamburger icon.

    Best,

  •  3,030
    Andrew replied

    Hi Jon,

    I hope you are having an awesome day and thanks for contacting us regarding your query.

    Kindly provide me with the username and password to access your site so that I may have a closer look at what's happening here.

    Looking forward to your reply,

    Cheers! 

  •  2
    Jon replied

    Do you work for themenectar? I don't feel comfortable handing this out without clarity on who I'm dealing with.

  •  3,030
    Andrew replied

    Hi Jon,

    Apologies for the late reply.

    Yes I work for themenectar but if you do not feel safe then give us the HTTPS access credentials not the wordpress admin credentials so that we can see the site.

    Then give us the Code you are using. It might not be working because the theme has changed and the code is old.

    Then we would modify it by modifying it on your site from the front end using the devtools on chrome. That way we will make sure it works before we hand it to you.

    So make sure you have the offcanvas menu on the site.

    Thanks.

  •  2
    Jon replied

    the user and password to see the site is guest and guest. 

  •  3,030
    Andrew replied

    Hi there,

    Thanks for your reply.

    We have investigated the URL you have provided us with and it seems there is a double entry of the following code to two versions of the main style.css sheet.

    There are 2 query strings being loaded for this file. version 4.7.2 and 7.6 respectively.

    May I ask you to install the following plugin which will remove the query strings from the static file and then check to see if you are still experiencing this issue

    https://wordpress.org/plugins/remove-query-strings-from-static-resources/

    Please let me know if there are any more questions that I can answer for you.  

    Cheers!

  •  2
    Jon replied

    unfortunately it didn't work. 


    Any other thoughts?

  •  2
    Jon replied

    just to be clear I did not add this twice. 

  •  2
    Jon replied

    Hey guys, I'm trying to get this solved tonight. I present in the morning. Is there anyone that can quickly help me out?

  •  8,998
    Tahir replied

    This was assigned to Andrew so was not showing up on my queue . 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    /* add the text as a pseudo css element */
    .slide-out-widget-area-toggle:not(.slide-out-hover-icon-effect) a span:after {
        content: "MENU";
        font-size: 18px !important;
        font-weight: 700;
        letter-spacing: 1.5px;
        position: relative;
        left: -81px !important;
        text-decoration: none;
        transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        -webkit-transition: color 0.2s linear;
        top: 3px !important;
        /* opacity: 1; */
    }

    instead of this : 

    /* add the text as a pseudo css element */
    .slide-out-widget-area-toggle a span:after {
        content: "MENU";
        font-size: 18px !important;
        font-weight: 700;
        letter-spacing: 1.5px;
        position: relative;
        left: -81px !important;
        text-decoration: none;
        transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        -webkit-transition: color 0.2s linear;
        top: 3px !important;
        /* opacity: 1; */
    }
    

    Bes.t 


    ThemeNectar Support Team 

  •  2
    Jon replied

    Great! Worked! Thanks Tahir, you're the man!!