Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1874494
Hover line on text menu
Closed

Comments

  • Rosa Gutierrez started the conversation

    Hello,


    I'm trying to remove the hover line that appears when you are going to click on a menu category with no luck. Currently a line appears through the text as you hover over it. 


    Thank you. Kind regards.


    Rosa

  •  1,845
    Elated replied

    Hello,

    You can try to add this css underneath in Appearance >> Customize >> Additional CSS field:

    .eltdf-header-vertical .eltdf-vertical-menu>ul>li>a span.item_text:after {
        display: none;
    }

    For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.

    Thanks & Regards, 
    Vladimir


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Rosa Gutierrez replied

    Hello Vladimir,


    Thank you so much! This solved the issue. How would I do the same for the navigation menu on full screen once you enter the site? It still appears over there. 


    Thank you for your help!


    Kind regards 

  •  1,845
    Elated replied

    Hello Rosa,

    We are sorry for the late reply, we have been getting a lot of messages daily and are trying our best to keep up with every request. We hope you can understand.

    Try using the following code:

    nav[class*='menu']>ul>li>a span.item_text:after {
        display: none;
    }
    

    This code will target every menu item on your website.

    Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.

    Kind regards,

    Sean


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Rosa Gutierrez replied

    Hi Sean,

    Thank you for your help. Unfortunately this code has not solved the issue. Once you enter the site the menu links appear again with the line. 

    Also, I've checked that there is an error when downsizing the screen size visualizing the site, as there is a moment in between 11-13 inches and the responsive mode, that the menu duplicates itself and appears twice on the top of the page. I'll attach screenshots for you to see it. 

    Also, when you are in a section and scroll down the page, the sticky menu appears correctly but the logo on the left disappears and the word "logo" appears. 

    And is there any way I can move around this text on the section under the menu? The one that says "viajes"? 

    Hope you can help me solve these three issues. 


    Thank you again for your help. 

    Kind regards. 

  •  1,845
    Elated replied

    Hi Rosa,

    1. Please try with the following code to clear strike through line:

    .eltdf-main-menu>ul>li.eltdf-active-item>a>span.item_outer:after, .eltdf-main-menu>ul>li:hover>a>span.item_outer:after {
         opacity: 0;
    }

    2. You can try to solve menu duplicate issue with the following code:

    @media screen and (min-width:1000px) and (max-width:1400px){
        .eltdf-main-menu>ul>li>a {
            padding:0 5px;
        }
    }

    It reduces the padding so the whole menu can fit in one row.

    3. Please upload the images for all header types in Theme Options > Logo and that should fix this issue

    4. If you want to position the text in the center just use the code below:

    .eltdf-title-holder.eltdf-standard-type.eltdf-title-va-header-bottom {
        text-align:center;
    }

    I hope this helps!

    Best,

    George



    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Rosa Gutierrez replied

    Hi George,

    Thank you for your help. This has fixed several issues, although still, the line has not disappeared from every menu, the drop down menu from each section of the menu still have the hover line. But whilst implementing this code other errors have occurred: 

    Now the title text from each section only appears in one of the pages, in "viajes", every other page does not have a title page right now and I don't know why. 

    Also, I have noticed that when you try to pass from one photo to another in responsive mobile mode ,once you click on it, only the arrows on the photo itself work, the ones that are underneath where the number of the photo displays don't work when you click on them. 

    Hope you can help me fix this. 

    Thanks 

  •  1,845
    Elated replied

    Hello Rosa,

    I apologize for the late reply, we have been getting a lot of messages daily and are trying our best to keep up with every request. I hope you can understand.

    1- The following code addresses the lines within the dropdown menu items as well:

    [class*=menu] .second .inner ul li a .item_outer .item_text:before,
    [class*=menu] .item_text:after{
        display: none;
    }
    

    2- You will have to navigate to make sure that the title is enabled both at Sahel Options > Title(see image bellow)

    9613724635.png

    and at Pages > All pages > edit the page you want to show the title on > scroll down to Elated Title > Show title area(see image bellow)

    9513124434.png

    3- In order to fix this issue please copy the following code into Appearance > Customize > Additional CSS

    @media only screen and (max-width: 768px) {
        body .pp_hoverContainer {
            height: calc(100% - 55px)!important;
        }
    }
    

    Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.

    Kind regards,

    Sean


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.