Forum Replies Created
-
AuthorPosts
-
Hi,
It’s not clear which screenshot you are referring to? I have changed the media query in the Quick CSS. Now the mobile menu triggers before the split menu starts to form another line at 1224 pixels.
Best regards,
VinayHi,
Glad we could help! For different topics please open a new ticket.
You may also find the solution for tooltips and other customizations in our docs, please bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
VinayHey bobfurgo,
The default logo will be deactivated when you upload your own logo.
Upload a blank png to disable the default logo.
You can also try adding the below CSS to hide the logo
.logo { display: none; }
Hope this helps :)
Best regards,
VinayHi,
We are not able to access your site. Please grant access to your site without VPN or additional service so everyone in the team will be able to help you!
Best regards,
VinayHi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
VinayHey!
Please replace the old code with this one
/* Underline color */ #top #avia-menu li.current-menu-item > a > .avia-menu-fx { background-color: blue; border: none !important; } /* On hover */ #top #avia-menu .menu-item:hover > a > .avia-menu-fx { background-color: gold; border: none !important; }
and lastly, clear the cache to view changes when you add new code to the site:
Regards,
Vinay-
This reply was modified 6 years, 9 months ago by
Vinay.
Hey YannicM,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
/* Active page */ #avia-menu .current_page_item > a > .avia-menu-fx { color: red; } /* On hover */ #avia-menu .menu-item:hover > a > .avia-menu-fx { color: gold; }
Best regards,
VinayHey!
Thanks again for reporting this, we will fix it in the next update.
Cheers!
VinayHey Gitte,
Thank you for the feedback, for the dots menu tutorials please check https://kriesi.at/documentation/enfold/menu/#dots-menu
I’m not sure why the old links are showing in the RSS feed. We will investigate this issue and sort it out soon :)
Best regards,
VinayHey bobfurgo,
Thank you for contacting us.
That’s a nice looking site. To change the burger menu background color and give it a fixed position please try the below CSS
/* Burger icon background */ .av-burger-menu-main.menu-item-avia-special .av-hamburger { background: gold!important; padding: 25px; position: fixed; right: 0px; top:0; } .av-hamburger span { top: 13px; } #header.header-scrolled .av-hamburger span { top:0; }
But first, you should remove the previous code to avoid conflict and perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayHi,
The layout you are looking to create is similar to https://kriesi.at/documentation/enfold/example-of-widget-area-next-to-the-logo/
If you follow the instructions correctly the widget text should appear next to the logo. You can add the text and custom style the text.
Please make sure you have cleared the cache to view the changes https://kriesi.at/documentation/enfold/how-to-clear-the-cache/
Best regards,
VinayHi,
Glad this is sorted for you!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
VinayHey navindesigns,
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 - Main menu links */ #top.page-id-206 #header #avia-menu .menu-item > a, #top.page-id-206 #header #avia-menu .menu-item > a > .avia-menu-text { color:#000; }
Best regards,
VinayHey juliosecum,
Thank you for contacting us.
Please find more info to change the logo link in our documentation.
Let us know if you have more questions.
Best regards,
VinayHi,
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:
/* Top Bar content alignment */ #top #header_meta .container { display: flex; justify-content: center; } #top #header_meta .sub_menu { top:0; } #top #header_meta .sub_menu, #top #header_meta .social_bookmarks { align-self: center; } #top #header_meta .phone-info { order: 2; } #top #header_meta .phone-info span { display: flex; align-items: center; } #top #header_meta .sub_menu { order: 1; } #top #header_meta .social_bookmarks { order: 3; }
Best regards,
VinayHi,
Have you enabled custom CSS class name support and added the custom class name to the element before copying the shortcode?
Please check https://kriesi.at/documentation/enfold/example-of-widget-area-overflow/
Best regards,
VinaySeptember 20, 2018 at 4:25 am in reply to: Enfold Theme: how to change mobile icon on fullwidth submenu? #1012125Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file to change the font style of the submenu in mobile:
CSS Snippet:
/* CSS - Submenu fonts in mobile */ @media only screen and (max-width: 767px) { .responsive #top .av-menu-mobile-active .av-subnav-menu > li > a > .avia-menu-text { font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif!important; } }
I hope you found the code you wanted to remove. It was added to Enfold > General Styling > Quick CSS. You can also add the code to WP Dashboard > Appearance > Editor > Style.css
NOTE: If you bump your own ticket it get’s pushed to the bottom of the queue and it will take time for the moderators to view it.
Best regards,
VinayHi,
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 - Animated number color */ /* Animated numbers font style*/ #top .avia-animated-number .avia-single-number { color: red; }
Best regards,
VinayHi,
Thank you for contacting us.
Please check the documentation to trigger the mobile menu on a higher resolution.
Best regards,
VinayHey Lara,
Thank you for contacting us.
Please check the Enfold Documentation for more info on how to customize the elements.
Thank you for using Enfold, let us know if you have any issue :)
Best regards,
VinaySeptember 17, 2018 at 5:31 am in reply to: "How to Install or Update Enfold theme?" page – links are confused #1010559Hey Aliaksandr,
Thanks for noticing it we have updated the links :)
Best regards,
VinaySeptember 15, 2018 at 9:20 am in reply to: Enfold Theme: how to change mobile icon on fullwidth submenu? #1010037Hi,
I have added the styles to the child theme styles.css and made the necessary changes to add the home icon.
The Free trial and cart links work properly in the mobile version. Please clear the cache and check again.
We have a documentation guide to add the icons to the submenu element and most other customization are covered and it will be constantly updated please bookmark it for future reference.
Best regards,
VinayHi,
Glad this is resolved for you!
Don’t forget to bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
VinayHi,
I checked your site and I see the same logo on all pages.
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .widget_nav_menu ul { float: right; } #menu-wats3d-top { flex-wrap: wrap; } #top .content .flex_column .widget_nav_menu li { min-width: 100px; }
Best regards,
VinayHey Laura Jeffery,
All sales and refunds are handled by Envato. Please contact Envato support https://help.market.envato.com/hc/en-us
Best regards,
VinaySeptember 13, 2018 at 5:11 am in reply to: Enfold mobile logo and burger displaying in the centre #1009200Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
VinayHey timkeeley,
Yes, It is possible. Please check this link for more info https://kriesi.at/documentation/enfold/example-of-logo-overflow/
If you are not going to use a widget to display any extra info please ignore creating the header widget area and just use the CSS code.
Best regards,
VinayHey alinademi,
Thank you for writing to us.
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 - Display header when page scroll on mobile */ #header.av_header_transparency { display: none; } #header:not(.av_header_transparency) { display: block !important; }
Best regards,
Vinay -
This reply was modified 6 years, 9 months ago by
-
AuthorPosts