Tagged: , , ,

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

    Hi, I just bought a few days ago the Enfold theme through themeforest and already have a number issues after lots of hours spent customizing the site and trying to fix the issues.

    The test site is at http://www.oriolmorte.com/new/

    The issues are the following:

    1. When browsing through a tablet, the logo it’s not getting smaller as soon as you scroll down like the desktop version on a computer does. I have no idea how to solve this. The responsive version through mobile with the mobile menu is working properly but on tablet it uses the desktop version with this issue.

    2. I did install WPML in order to translate the site to 3 languages (main in english, spanish and catalan). I have already translated mostly of the pages but the Menu editor seems not to work anymore. Any change I do on the Menu builder is ignored by the system and have no chance to sort them on the right order. I can even say that the MegaMenu has stopped working despite it’s properly configured.

    3. Design doubt: How can I create a page like this “http://kriesi.at/themes/enfold/portfolio-item/vimeo-video/”. I’m specially interested into how to create the grass image with the top layer scrolling at the foreground effect.

    4. Is there any elegant way to disable the shadow or the border horizontal lines located at the header instead of editing staright the css file? I did try to change the Enfold Styling “border colors” to white (like the background) but then the contact form and newsletter subscription looses their border frame.

    Thank you,

    • This topic was modified 10 years, 6 months ago by Dude.

    Hi karbonato!

    1) This is intentional since tablet/mobile screen space is limited. You can try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files to change it to fixed however:

    @media only screen and (max-width: 989px) and (min-width: 768px){
    .responsive #top #header {
    position: fixed;

    This will change it just for tablets. You can add !important to the fixed value if you want it to always be fixed.

    2) With how many menu items its trying to save at once there could be a server limitation to the data getting saved. Talk to your hosting provider about adding the following to your php.ini file to increase the values:

    php_value max_input_vars 3000
    php_value suhosin.get.max_vars 3000
    php_value suhosin.post.max_vars 3000
    php_value suhosin.request.max_vars 3000

    3) That page is a large full width slider at the top and then a color section with text followed by a color section with a fixed background and a full width slideshow (the grass/mobile). In this video I go over how to create the same kind of effect: https://vimeo.com/channels/aviathemes/64927358

    4) You should never edit the theme css directly. Instead you can add new css to take priority to either the css/custom.css file or in the styling tab the Quick CSS field. Do you mean the title container border or the bar at the very top with the social icons/WPML?


Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Setup issues on menus, tablet, wpml and styling’ is closed to new replies.