Menu customization

This topic contains 5 replies, has 2 voices, and was last updated by  Rapiras 10 years, 9 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #13390

    Rapiras
    Free User
    Post count: 12

    Hello. I would like to make menu like it is in location switcher. I tried to use this code

    .nav li ul.sub-menu li a {color:#444;padding:5px;margin:0px 0px 8px 0px;width:auto;font-size:12px;border:1px solid #ccc;} .nav li ul.sub-menu { border:1px solid #E6E6E6; background:none repeat scroll 0 0 #F3F3F3; padding:10px;display:block !important;opacity:1 !important; }

    but it change location swither too.

    May be someone knows how to solve my problem?

    Site url: geo.yavis.ru

    Thanks.

    #13405

    Simone
    Expired Member
    Post count: 3515

    Hi, I don’t know how you want to do it, but you can then customize only the location switcher

    
    
    li.menu-item, #menu-item-gd-location-switcher { your style here }
    

    using !important on the css

    #13406

    Rapiras
    Free User
    Post count: 12

    I tried to do it, but failed. I would like to have menu like it is im ny picture.

    #13411

    Simone
    Expired Member
    Post count: 3515

    …you want to change the way how the dropdown looks like?

    #13495

    Rapiras
    Free User
    Post count: 12

    Sorry, It was late and I painted it not correct. Change location is OK. I mean, for example, add listing should look like in the picture. “Страна”, “Область”, “Город” is a part of default submenu.
    I use this code in child theme css:

    
    
    .nav li ul.sub-menu, .nav li ul.children,.nav li ul.sub-menu li a, .nav li ul.children li a, .nav li ul.sub-menu li ul.sub-menu li a{border-color:#e6e6e6;color: #444 !important;font-size: 12px !important; width: 117px;background-color: #fff;}
    .nav li ul.sub-menu li a {color:#444;padding:5px;margin:0px 0px 0px 0px;font-size:12px;border:1px solid #ccc;}
    #menu-main.nav li ul.sub-menu {border:1px solid #E6E6E6; background:none repeat scroll 0 0 #F3F3F3; padding:10px;display:block !important;opacity:1 !important;width: inherit;}
    .geodir_location_tab_container { border:none; padding:0px;}
    #menu-item-gd-location-switcher ul.sub-menu {width:inherit;}
    #13496

    Rapiras
    Free User
    Post count: 12

    Forget about this

    #mm-m0-p3 .geodir_location_tab_container { border:1px solid #E6E6E6;padding:10px;}

    to make default menu in mobile theme.

Viewing 6 posts - 1 through 6 (of 6 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount