Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • August 16, 2016 at 1:09 pm #673184
    Sadegh

    Hi Kriesi Team,

    Looking for creating a menu like this for Enfold theme: (link address +)
    .

    Let me know about the proper Quick Css codes please

    Regards,
    Sadegh

    August 16, 2016 at 1:37 pm #673209
    Basilis

    Hey Sadegh!

    You can create a dropdown for the menu enfold, but the layout to be designed like that, would require some custom modifications and CSS.
    Please consider to hire a freelancer if you need to do it, so they can assist you.

    Best regards,
    Basilis

    August 16, 2016 at 1:39 pm #673212
    Sadegh

    Hi Basilis,

    Thanks for the reply, but I have opened this thread because Yigit asked me for that : LINK

    August 16, 2016 at 2:02 pm #673228
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-menu.av-main-nav-wrap {
    background: #0077b4;
    border-bottom-left-radius: 100px;
    padding-left: 30px;
    padding-right: 30px;
}
.container.av-logo-container {
    max-width: 100%;
    padding-right: 0;
}

    Best regards,
    Yigit

    August 16, 2016 at 2:14 pm #673247
    Sadegh

    Hi Yigit,

    Thanks a lot, it works great :)

    1- May I know how can I change the font colors to the white? (number 1 in the image)
    2- It seems that a small part doesn’t get the blue background color and still remains white. How may I change that? (number 2 in the image)
    3- Any chance I could make this part transparent? (number 3 in the image)

    .

    Regards,
    Sadegh

    August 16, 2016 at 2:23 pm #673256
    Yigit

    Hi!

    1- Please go to Enfold theme options > Advanced Styling and edit “Main menu links”
    2- I added !important rule to the second code.
    3- Please add following code to Quick CSS as well 

    .header_bg {
    background: transparent!important;
}

    Regards,
    Yigit

    August 16, 2016 at 2:33 pm #673265
    Sadegh

    Great, thank you very much Yigit for this great help! :)

    (I will try my best to make it happen for sub-menu as well)

    Regards,
    Sadegh

    August 16, 2016 at 2:42 pm #673278
    Yigit

    Hi!

    You are welcome Sadegh, glad if i could help :)
    Let me know if you need further assistance

    Cheers!
    Yigit

    August 17, 2016 at 8:02 am #673541
    Sadegh

    Hi again Yigit,

    I was trying some ways –according to moderators’ answers in other threads– to change the sub-menu style as well to make it looks like the image I already put in my first post here; but I didn’t succeed.

    Is there any code that I could use?

    August 17, 2016 at 11:06 am #673629
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .av-main-nav > li > ul {
    padding: 20px;
    border-bottom-left-radius: 100px;
}
#top .av-main-nav ul a {
    border: none;
    background: transparent;
}

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

    Best regards,
    Yigit

    August 17, 2016 at 11:37 am #673649
    Sadegh

    Hi,
    Thanks a lot Yigit, :)
    I did it and it works great now, but may I know how can I change all the background color of the sub-menu to #737373?

    August 17, 2016 at 11:40 am #673650
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .av-main-nav > li > ul { 
background: #737373;
}

    Best regards,
    Yigit

    August 17, 2016 at 11:45 am #673652
    Sadegh

    Hi Yigit,
    //
    The code doesn’t work for me and the background is still white.
    //
    And about the last item in sub-menu (below image), I think I have to increase the border bottom radius to prevent it from this conflict, am I right?
    .

    August 21, 2016 at 3:55 am #675136
    Josue

    Hi,

    Try this code:

    .av-main-nav > li > ul {background: #737373 !important;overflow: hidden;}

    Best regards,
    Josue

    August 21, 2016 at 6:45 am #675226
    Sadegh

    Hi Josue,
    Thanks a lot, it is all fixed now :)

    (you may now close the thread please)

    Best regards,
    Sadegh

    August 21, 2016 at 7:53 am #675252
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Curved Menu 02’ is closed to new replies.