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 #1840676
Menu items width
Closed

Comments

  • Amal started the conversation

    Hello, 

    As you can see on a screenshoot I need that a second column's title (underlined) to be the same as nearby titles - in one line. 
    How should I make the space between the columns thinner? Or please give me Custom CSS.. 
    Thanks in advance!
    Amal

  •  1,845
    Elated replied

    Hi Amal,

    I'm sorry for the late response, it's because of the weekend days and because of the Orthodox Christmas, which was yesterday.

    This depends on the size of the screen you're having, but you can set smaller margins on those items with this code:

    @media only screen and (max-width: 1440px){
    .eltd-drop-down .wide_full_width .second .inner ul li a {
        margin: 0 20px;
    }
    }
    

    Just paste it in Appearance > Customize > Additional CSS.

    Best regards,

    Marie


    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.

  • Amal replied

    Thanks, it works, but margin space between separator and lower level items has disappeared.. 
    Before and after pics are attached. 
    Which code should I add there? 



  •  1,845
    Elated replied

    Hi there,

    Sorry for the late response, it's caused because of the numbers of tickets we are getting these days.

    Just paste this code in Appearance > Customize > Additional CSS:

    @media only screen and (max-width: 1440px){
    .eltd-drop-down .wide_full_width .second .inner ul li a {
        margin: 0 20px;
    }
    .eltd-drop-down .wide .second ul li:first-child {
        margin-top:15px;
    }
    }
    

    Let us know if you have any other questions! 

    Best regards,

    Marie


    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.

  • Amal replied

    Thanks! But now the first columns stand a bit lower than others. 

    See an attachment. 

  • Amal replied

    Additionally to the previous question, I want to ask you how to change title's background. When I open site on widescreen monitor the title of main menu pages appears high enough. So how can I change the size? 

    Thanks. 

  •  1,845
    Elated replied

    Hello Amal,

    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.

    The first issue was caused by the longer title of one of the secondary titles. If you paste the following code instead of the one we gave you earlier it will fix the issue on all laptops and larger screens. However it does so by lowering the space between the letters of the "ИНЪЕКЦИОННАЯ КОСМЕТОЛОГИЯ" title.

    @media only screen and (max-width: 1440px) and (min-width: 1215px){
        .eltd-drop-down .wide_full_width .second .inner ul li a {
            margin-left: 20px;
            margin-right: 20px;
        }
    }
    @media only screen and (max-width: 1215px) and (min-width: 115px){
        .eltd-drop-down .wide_full_width .second .inner ul li a {
            margin-left: 15px;
            margin-right: 10px;
        }
        .eltd-drop-down .wide .second .inner>ul>li#nav-menu-item-10665>a {
            letter-spacing: .0337vw;
        }
    }
    

    As for the second question you have, you can navigate to Pages > All Pages > edit the page you want and scroll down to Elated Title:

    5678575650.png

    Here you can set a fixed height for the title on the chosen page.

    Hope this helps and if there is anything else that we can help 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.