Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #188574

    Hi guys

    How can I style of the mobile dropdown on these parameters:
    1) Change the background color
    2) Change the color of the two small arrows (up/down) to the right
    2) Change the text color and size
    3) Change the text from English “Select a page” to Danish “Vælg en side”

    I’m working on this page http://isokvik.dk.linux31.unoeuro-server.com/

    Thnx in advance :-))

    Martin from http://www.brandman.dk

    #189566

    Hi mar10nlund!

    1) Use following css code

    
    .responsive #top .mobileMenu {
    background-color: #e2e2e2;
    }
    

    2) It’s an image (png) and you can’t change the color without replacing the image. If you want to use a custom image insert following css code into the quick css field

    
    .responsive #top .mobileMenu {
    background-image: url("htttp://mywebsite.com/image.png");
    }
    

    and instead of htttp://mywebsite.com/image.png insert the url to your image.

    3) Use following code to change the color/size

    
    .responsive #top .mobileMenu {
    color: #fff;
    font-size: 10px;
    }
    

    4) You can use Codestyling http://wordpress.org/plugins/codestyling-localization/ to translate the theme. Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).

    Best regards,
    Peter

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Mobile dropdown styling’ is closed to new replies.