-
Posts
-
Hi Kriesi-Team,
i worked a lot on my website and now i want to give it the “final-touch” for the layout. Therefore i have some questions and i hope you can help me with them:
1. Small bar over the header: I really would like to put some links in it and make it a littlebit bigger so my future customers will reconize it, like in the the Enfold-Demo for shop, medical and law. I can’t find the functions to do it like that. Am i just to stupid to find it, or do i have to insert a css-code?2. Header/ social media buttons: I have 3 social media buttons in the header on the right side, but they are not really on the right side. If you visit my website (you have to login before over the WP-Backup, because it’s still in maintanace-mode), you will reconize, that there is a lot of space between the right side and the social media buttons. I really would like to change this, but i don’t know how. When you look at the enfold demos like elegant portfolio, dark photography, gym, etc. it’s different. Can you please help me with that?
3. Wishlist: Is it possible to add a wischlist, so customers can simply add prdofucts (tours) to the wishlist, without getting registratet beafore. and if not, how can i add the registry (like in the enfold travel demo)?
4. Buttons: With your help i changed the shape of the buttons from round to rectangular, but now, the buttons “are to rectangular”. This looks like a microsoft frontpage website. Is it possible to round off the corners a little bit, to make the website look more “quality”? Here is the CSS i insertet so far:
#top .avia-button {
border-radius:0 !important;
}5. Drop-Down-Navigation: Is it possible to make the dropdown-menu of the navigation with a hove-effect or some other effect, so the user will reconize, that he can press the links? Now it’s just one color and no effect at all, so the navigation seems a little bit “dead”.
6. Contact-Button in the header: The contact-button in the header is still round and i would like to make it look like evry other button on the website (rectangular). Like in the enfold restaurant demo. Can you please tell me i can change that?
I know it’s a lot and i i would be very grateful if you could help me to solve this little issues.
Thanks in Advance!
JanHey Jan,
1. To add a clickable link to the top bar please check
2. To align the header elements to take the full width of the browser please check
3. You can create a registration page using a plugin like WooCommerce or any other 3rd party plugin which will also support wishlist and link the registration page to the top bar.
4. Please increase the border-radius value to 2px from 0 to achieve rounded corner buttons.
5. Please check the “Hover state” under Main menu sublinks to view the settings and snippets which you can use to change the hover effects.
6. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - */ #top #header .av-menu-button > a .avia-menu-text { border-radius: 2px !important; }Please create new tickets for different issues which are not related, it will be easy to provide you with the solution and keep the topic related to its content :)
Best regards,
Vinay
- You must be logged in to reply to this topic.