Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 16, 2014 at 11:46 am #319720
    digitalconcepts

    I need some help on the menu. I’ve been trying to emulate another theme with Enfold because the whole framework of Enfold is much more user friendly. Now i’m no CSS king i fear but i’ve been trying to make some changes in the Quick CSS and even the advanced styling editor, but i’m not able to create what i want.

    Can anyone help me out on duplicating the menu and submenu from:
    http://themeforest.net/item/arch-responsive-architect-wordpress-theme/full_screen_preview/3915304

    I would be very grateful!

    September 16, 2014 at 12:55 pm #319747
    Yigit

    Hi digitalconcepts!

    Can you post the link to your website please?
    Unfortunately we cannot provide you all custom CSS code needed to duplicate the menu but we do not mind throwing in some CSS codes

    Best regards,
    Yigit

    September 16, 2014 at 2:45 pm #319889
    digitalconcepts

    Ofcourse,

    I’m working on http://www.urbancommunity.nl

    September 17, 2014 at 6:44 am #320319
    digitalconcepts

    If anyone can help me to show what CSS fields i should be using for the menu, the background of the menu (per item), the mouse over and maybe how i can realise the spacing between them i would be obliged. That would create some options for me to start working on.

    September 17, 2014 at 4:40 pm #320580
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav > li { background-color: #F0F0F0; border-right: 1px solid white !important; }
 .main_menu ul:first-child > li a { line-height: 220px; }
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a { padding-right: 13px; }

    Regards,
    Yigit

    September 17, 2014 at 11:50 pm #320790
    digitalconcepts

    Hey Yigit,

    So very cool it works!!! It’s a whole lot better now. Just removed the looking glas (search) and but a static width to it as well.

    Any idea how i can do this to on mouse over and selected item/menu?

    September 18, 2014 at 8:48 am #320985
    Ismael

    Hey!

    You can try this:

    .av-main-nav > li:hover {
background-color: red;
border-right: 1px solid white !important;
width: 127px;
}

.av-main-nav > li:hover a {
color: blue; 
}

    For active menu, try this:

    .av-main-nav > li.current-menu-item {
background-color: blue;
}

    Regards,
    Ismael

    September 18, 2014 at 9:00 am #320993
    digitalconcepts

    That did a whole lot of good!!

    I just added: .avia-menu-fx { display: none; } to remove the red bar. What doest this code do:

    .av-main-nav > li:hover a {
    color: blue;
    }

    I still have it in there like blue but i don’t see it any where

    September 18, 2014 at 2:00 pm #321178
    Yigit

    Hi!

    Please try adding !important rule as following 

    .av-main-nav > li:hover a {
color: blue!important;
}

    Code is currently not being applied
    Regards,
    Yigit

    September 18, 2014 at 3:25 pm #321238
    digitalconcepts

    Ahhhh now i see what it’s doing :) Thanks… I wondered what it was :) In the meantime playing around with creating transparant content boxes : http://www.urbancommunity.nl/?page_id=28

    By any chance you know the submenu css names? I’ve added a menu to pages but it’s still missing some layouts

    September 19, 2014 at 5:08 pm #321988
    Yigit

    Hi!

    You can adjust styling of submenus in Enfold theme options > Advanced Styling tab. If that does not help with what you want, please post an example

    Best regards,
    Yigit

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