Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1348780

    tijshelpt
    Participant

    Hi guys,

    I’m trying to reduce the distance between my main menu and my sub menu items on:
    http://staging2.tijshelpt.nl
    (only the “WAT” button has a submenu atm).
    Atm the submenu is beign shown at the same height as the ‘golden’ bar. I want it to appear right under the main menu. I can not find out how to do this even after going through your excellent forum.

    Thanks in advance!
    Tijs

    Theme X: 4.6.4
    WP: 4.7.2

    #1348792

    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-navbar .desktop .x-nav > li ul {
        top: 116px;
    }

    Hope that helps.

    #1350746

    tijshelpt
    Participant

    Hi Christopher,

    Unfortunately that doesn’t seem to change anything (added it to my Child Theme CSS)

    Any other options?

    Thanks in advance!
    Tijs

    #1350805

    Rahul
    Moderator

    Hey There,

    Thanks for writing back!

    Kindly add the above code to the following path :

    Dashboard -> Customize -> Custom -> Global CSS

    Let us know if this works!

    #1365920

    tijshelpt
    Participant

    Hi Rahul,

    Adding the CSS in that location did help, many thanks!

    I have additional questions:

    1. Can you explain why I have to add it there? I rather do all my CSS edits in one central location (style.css of Child theme).

    2. Won’t this edit get overridden when updating the theme or is this still part of the child theme?

    3. Is there an ‘send notification on reply’ option on this form so I don’t miss any replies on my forum questions?

    Thanks in advance

    #1366019

    Joao
    Moderator

    Hi There,

    1- It should work on your style.css, please check your css for syntax errors.

    2- No, it is part of the theme but wont get overidden.

    3- Yes, on the top on the right of your first post on this thread you have small Subscribe link, click there.

    Hope it helps

    Joao

    #1369199

    tijshelpt
    Participant

    Hi Joao,

    Thanks for all the answers 🙂

    In addition to answer 1.:

    I had to add !important to the CSS code in my child theme to make it work like so:

    .x-navbar .desktop .x-nav > li ul {
    top: 116px!important;
    }

    #1369340

    Rupok
    Member

    Glad that you are all set now. Have a nice day!