Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • August 30, 2017 at 9:43 pm #845968
    nonne

    Hi Enfold Team

    I have tried these 3 css codes shown below to control thickness of the border-bottom in main menu. They all work, BUT only applies to selected menu (being underlined). How do I make the hover border-bottom same thickness?

    .avia-menu-fx {
    height: 1px!important;
    }

    #top .avia-menu-fx {
    height: 1px;
    }

    div .avia-menu-fx {
    height: 1px;
    }

    Best regards

    August 30, 2017 at 10:59 pm #845991
    Jordan Shannon

    Hey Carsten,

    Please provide a link to the page/site in question so we can help you with this issue further.

    Best regards,
    Jordan Shannon

    August 30, 2017 at 11:11 pm #845997
    nonne

    Hey Jordan – and thanks.

    Please see private content.

    I am just looking for a snippet of css :-)

    Best regards

    August 30, 2017 at 11:21 pm #846002
    Jordan Shannon

    Hi,

    So you are looking to increase the thickness of the blue line?

    Best regards,
    Jordan Shannon

    August 30, 2017 at 11:31 pm #846003
    nonne

    Hi again, thanks for getting back so fast…

    I wish to make the hover border-bottom same thickness as the selected menu border-bottom: 1px.

    Best regards

    August 30, 2017 at 11:51 pm #846023
    Jordan Shannon

    Hi,

    Apologies, but I’m having trouble understanding the exact section. Would you be able to screenshot it?

    Best regards,
    Jordan Shannon

    August 31, 2017 at 8:18 am #846127
    nonne

    Hi again, thanks for getting back

    Please see link to screenshot in private content:

    “Case stories & Video” is selected – showing a 1 px blue bottom border.

    “Om Sealing System” is hovered – showing a thicker blue bottom border. This I want to make 1 px too but dont’t know how to?

    Best regards

    September 1, 2017 at 6:55 am #846622
    Rikard

    Hi,

    Thanks for the screenshot. Please try the following in Quick CSS under Enfold->General Styling:

    .av-main-nav > li > ul {
    border-top-width: 1px !important;
}

    Best regards,
    Rikard

    September 1, 2017 at 9:40 am #846729
    nonne

    Hi Rikard

    Thanks for your suggestion. Unfortunately it has no effect. Maybe you have other ideas?

    Best regards and thanks in advance

    September 2, 2017 at 6:49 am #847084
    Rikard

    Hi,

    Thanks for the feedback. Please try this instead:

    .avia_mega_div > .sub-menu {
    border-top-width: 1px !important;
}

    Best regards,
    Rikard

    September 2, 2017 at 10:59 am #847134
    nonne

    Hi Rikard

    Thanks again for getting back – really appreciate it.

    However this has no efffect – stil same thickness of the border bottom line when I hover the main menu.

    very best regards

    September 4, 2017 at 9:06 pm #847883
    Yigit

    Hi,
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-main-nav > li > ul {
    border-top-width: 1px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    If that too does not help, please create temporary admin logins and post them here privately so we can look into it.

    Best regards,
    Yigit

    September 6, 2017 at 12:23 pm #848587
    nonne

    Hi Yigit and team

    Thanks a lot for your input. I see now what has been the problem: The > was converted in the CSS field. Thanks for showing me :-)

    For the sites of other clients it would be very usefull to know the css rules for configuration of the border bottoms (active, hover) – I see they also are different for megamenues etc. Is that possible?

    Very best regards

    September 7, 2017 at 9:59 am #848983
    Victoria

    Hi nonne,

    Well, it is possible, we just need the links to those websites to be able to help you better.

    Best regards,
    Victoria

    September 7, 2017 at 10:07 am #848994
    nonne

    Hi Victoria

    Thanks for getting back. I gave you links in private content – or am I misunderstanding?

    Best regards

    September 7, 2017 at 11:56 am #849063
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    #top #header .avia_mega_div > .sub-menu {
    border-top-width: 1px;
}

    Please check > sign again :)

    Best regards,
    Yigit

    September 7, 2017 at 1:56 pm #849097
    nonne

    Hi Yigit & team

    Thanks a lot. Now I am “covered” for every state – except the bottom border line directly beneath the main menu – which is different from the top of the submenu border (goes for both normal as mega menu). A little tricky to explain so please refer to link in private content.

    Thanks for always helping out.

    September 7, 2017 at 2:03 pm #849098
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .avia-menu-fx { bottom: 0; }

    Cheers!
    Yigit

    September 7, 2017 at 2:07 pm #849100
    nonne

    Hi Yigit – yes, that’s it. :-)

    Thanks – the thread may be closed.

    Very best regards

    September 7, 2017 at 2:34 pm #849106
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Header: Main menu border-bottom thickness’ is closed to new replies.