-
AuthorPosts
-
November 8, 2016 at 8:39 pm #709957
I recently purchased Enfold and am setting it up for the first time (though not new to WordPress or other themes). I’ve imported the Health Coach demo and am modifying from there. I have two questions:
1. Out of the box, it appears that the last item in the main menu (Contact, in my case) is always highlighted, regardless of what page you are on. Even on the homepage. I also notice this is an issue in the theme demo at http://kriesi.at/themedemo/?theme=enfold-overview. How can I fix this so the menu item for the page you are on is the one highlighted?
2.Similar to the demo, I am using a full screen slider on the homepage. I’ve uploaded a large image for the first slide of the slider (1500px wide), however looking at it on my desktop monitor, it appears that it’s zoomed in and pixilated. What is the optimal sizing to upload for full screen sliders? Ive tried changing it to either No Scaling or Extra Large but end up with the same result.
THANK YOU!! Aside from these issues, I am really appreciating the simplicity of your dashboard.
November 9, 2016 at 7:11 am #710075Hey AmyBuild,
Thanks for using Enfold :)
1. Please add this code in your Quick CSS (located in Enfold > General Styling):
#top .av-menu-button > a .avia-menu-text { border: 0; }
2. Try to upload a landscape oriented image, try this image size 1600px(width) x 1067px(height).
Let us know if this helps :)
Best regards,
NikkoNovember 9, 2016 at 8:21 pm #710430Thanks, this is coming along. I am waiting on photos from a photographer (so issue #2 is on hold for now) but regarding issue #1 — it worked as far as removing the button circle from the last navigation item, and now I have most of the menu items getting highlighted with underline upon mouseover as I had wanted. However that last menu item — Contact — does not underline upon mouseover. Any ideas?
November 10, 2016 at 5:39 pm #710853Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all #header .av-menu-button:hover > a .avia-menu-fx { opacity: 1; display: block; visibility: visible; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.