Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 28, 2018 at 12:17 pm #963106
    EIGENARTdigital

    Hey there,

    I am using Enfold for the first time for a customers project – and for now I am very happy with this great Theme!

    I have set up a Mega Menu and have a question for that.
    I want to increase the line spacing between the menu items of the sub menu with a short css code. I tried, but I am not able to get the right code.
    I dont want to increase the line spacing of the menu in general. Just want to change it between the Sub-Menu-Items.

    I also want to change the size of the avia-bullets of the sub-menu – but cant figure out the right code as well.

    Please can you help me? The website is just on a local server right now, so I cant give you a link. And I didnt find a option to attache a screenshot.

    Thanks for the answer and enjoy the week.

    Greetings
    Andy

    May 28, 2018 at 4:20 pm #963339
    Nikko

    Hi Andy,

    Thanks for contacting us and using Enfold :)
    You can upload the screenshot in https://imgur.com/ or any online image sharing sites then post the link here.
    Then we’ll try to give you css codes that should work.

    Best regards,
    Nikko

    May 29, 2018 at 10:08 am #963536
    EIGENARTdigital

    Hey there,

    okay – I uploaded the screenshot in dropbox. Here is the link for it.

    Thanks for helping.
    Andy / EIGENARTdigital

    May 29, 2018 at 6:51 pm #963865
    Jordan Shannon

    Hi,

    Are you able to send a link to the site in question so we can inspect the code?

    Best regards,
    Jordan Shannon

    May 29, 2018 at 9:50 pm #963949
    EIGENARTdigital

    Hey there,

    as I wrote above, the site is just on a local server right now (via Desktop Server). So its not possible to share a link of the site.

    It would be great if you could send me a code line
    – for the size of the Envia Bullets of the Sub-Menu
    – line spacing between the Menu-Items of the Sub-Menu

    Thanks for helping and greetings
    Andy / EIGENARTdigital

    May 29, 2018 at 10:05 pm #963952
    Jordan Shannon

    Hi,

    It’s tough to provide code because we would need to see code specific to your site and exactly what is causing the excessive spacing on your menu. What specific class/id/margin, etc. This isn’t a general issue.

    Best regards,
    Jordan Shannon

    May 30, 2018 at 10:35 am #964085
    EIGENARTdigital

    Okay. Yeah I can understand that… But its not possible to share a link – cause the website is not online right now – just running on a local server.

    I already figured out the right code for the problem with the line spacing.

    I am trying to fix the Envia-Bullet-Size with the following css (selector from google chrome developer tool), but it doesnt work.

    .avia_mega_div .avia-bullet {font-size: 200%}

    I also tried

    #header .sub-menu .avia-bullet {font-size: 200%} but doesnt work as well.

    May 30, 2018 at 5:44 pm #964422
    Jordan Shannon

    Hi,

    Try adding “!important” to your declaration.

    #header .sub-menu .avia-bullet {font-size: 200%!important;}

    Or also try adjusting in pixels instead of percentages.

    Best regards,
    Jordan Shannon

    June 1, 2018 at 11:44 am #965225
    EIGENARTdigital

    Hey there,

    I also tried this – but its still not working.

    How can I figure out the right selector for the avia-bullets on my own?

    Thanks for helping.

    Greetings
    Andy

    June 1, 2018 at 6:02 pm #965494
    Nikko

    Hi Andy,

    You can use Google Web Inspector or Firebug to check the selector.
    As for making the size bigger, try using this code:

    #header .sub-menu .avia-bullet {
    border-width: 6px !important;
    border-right-width: 0 !important;
}

    The default is 3px, just adjust the border width value as you need.
    Hope this helps :)

    Best regards,
    Nikko

    June 1, 2018 at 8:14 pm #965545
    EIGENARTdigital

    Hey Nikko,

    that code works perfectly – thank you for that. The I set the bullet-size to 8px. I want to have a little space between the Avia-Bullets and the Menu-Items.

    I tried to add “margin-right: 6px !important;” to the code – but it doesnt work. Do I have to use another value than margin in this case?

    Thanks again.

    Have a nice day and enjoy the weekend
    Andy / EIGENARTdigital

    June 1, 2018 at 8:18 pm #965549
    Jordan Shannon

    Hi,

    If the bullets are to the the left, try margin-left or padding-left.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.