Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #247470


    I have three configuration problems with the enfold theme and would be happy if you could help me. You will find my website here. The only plugin I use is WPML.

    1. Menu Image Size
    I am using images as menu items (as described in your tutorial), which works fine actually. I noticed, however, that the quality of the images is very poor on high resolution displays. One common solution to this problem is to upload larger images and let the browser resize them, so that they are displayed in higher resolution on high resolution displays. This however requires to specify the width and height values in the command which is inserted into the in the menu field, which doesn’t work (it is ignored). Is there a solution or a workaround to virtually resize the menu images? or do you have another idea how to solve this problem?

    2. Mobile Menu Bullet Point Removal
    I would like to remove the black bullet points that are displayed on the left side of the menu images, when the mobile menu is active. I tried very hard, but couldn’t find the right code to modify. So how can I remove these bullets in the mobile menu (ideally without changing the menu behaviour of the normal menu)? If it is not possible to remove them i would like to know how to change the color?

    3. WPML Language Switcher Jumps Back To Default Language At First
    I am using WPML to switch between the German and English version of the website. Everything works fine except one thing: When you switch the language of the website for the very first time, it immediately swiches back to the default language (which is German). Similar, when you enter the English web address in the browser bar, it will redirect you to the German version. I am aware that this is probably a question for the WPML forum, but I thought you also might have a solution for that?

    4. Grey Area On Portfolio Page
    When you visit the portfolio page for the very first time there is a small grey bar above and left of the images during the time the images load (it seems to be only on firefox). I cannot find the element which is responsible for that behavior. Can you help me with that?

    Thank you for your help and best regards



    Hey dominic!

    1) Please try to add a class to your images and then use the css class to resize the images with your stylesheets. I.e. use the class “menuimage” for the images and then insert:

    .menuimage{ max-width: 200px; height: auto; } into the quick css field to resize the images.

    2) Insert this code into the quick css field:

    #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before{ content:""; }

    3) I think WPML uses the browser language detection feature to redirect the user to the “native” language if a translation is available. So if you’re using a “German” browser profile WPML will redirect you to the German website if you visit the website for the first time. If you then switch to English (or any other language) manually the browser preferences will be ignored.

    4) Try to change the bg color of the masonry grid with:

    .main_color .av-masonry{ background-color: #ffffff; }



    Works perfectly. Thanks a lot!

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

The topic ‘Menu Image Resize | Mobile Menu Bullet Point Removal | WPML Language Switcher’ is closed to new replies.