Forum Replies Created
-
AuthorPosts
-
Hey internetwarriors,
It would take a lot of time to add the search icon inside the mobile menu however we can add the search icon in mobile device next to mobile menu icon. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) { .main_menu .avia-menu, #header_main_alternate { display: block !important; } .av-main-nav > li { display: none; } li#menu-item-search { display: block!important; margin-top: -90px; right: 70px; } .responsive .main_menu { float: right; }}Best regards,
VinayHi,
Thank you for sharing the link but it is not clear what you are trying to achieve, please be more specific. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
VinayHi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
VinayHi,
We would love to help you with this however it would be best to know what the plugin author has to say about this as they know their plugin best.
Best regards,
VinayHi!
Please change
background: rgba(0,0,0,.6);in the above code tobackground: rgba(255,255,255,.4);the last value .4 is the opacity you can change it to any value to from 0.1 to 0.99 to increase or decrease the transparancy.Cheers!
VinayHey studio7g,
Try to make the table scrollable in mobile please use the tabular data in table purpose and change the responsive options to scrollable as shown in the below picture.

If you still have any issues Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayHey Jon,
On the example link you provided us I do not see any image overlay.
If you still need help with it please refer to this link http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/
Best regards,
VinayHey nedimhazar,
To find the css class names right click and inspect the elements. Without being able to view your page it is difficult to provide the actual css class names. Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/
Best regards,
VinayHi,
To reduce the content width and increase the space on both the sides please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (min-width:768px) { .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { max-width: 65%!important; }}The current cloud background image is designed in such a way that it will be displayed only if the width of the site is X number of pixels it will not display correctly in all screen sizes. Please check the link in private and upload a image with similar pattern.
Best regards,
VinayHi,
The screenshot you posted is not working. I assume you are referring to the “Published” section on the homepage.
We have increased the background image size white adding it from the Media Library. The site looks good on my end now please review and get back to us if you have any questions.Best regards,
VinayHi,
It appears the menu is changed. Below is the css for the current menu to open it on the right side.
#mobile-advanced { max-width: 300px; right:-300px; }Let us know if you have any questions.
Best regards,
VinayHey Maikebreitfeld,
Please try to add the custom code in a code block element to a page. If you still have any issue post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
VinayHi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
VinayHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/* iPad Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .responsive #top #wrap_all .grid-sort-container .grid-entry { width: 100%; margin-bottom: 50px; } }Best regards,
VinayHi,
Glad you got it sorted. Let us know if you have more questions via new ticket we would love to help!
Thank you for using Enfold.
Best regards,
VinayHey Bjdiving,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av-masonry-image-container:before { content: ' '; position: absolute; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.6); opacity: 0; transition: all 1s; -webkit-transition: all 1s; z-index: 200; } .av-masonry-image-container:hover:before { opacity: 1; }Best regards,
VinayHi,
Thank you for sharing the credentials.
Adding a test post appears on the blog page

Clicking on the blog in breadcrumbs takes me to the blog page https://margaretsloan.com/category/musings/

What exactly is the issue here?
Best regards,
VinayHi,
As I understand you like to remove the footer info in the embedded videos correct?

Please try adding this at the very end of your themes / child themes functions.php file:
// iFrame CSS function iFrameCSS(){ ?> <script> jQuery(document).ready(function() { jQuery('Iframe').contents().find('.EmbedFooter').css({ display:none; }); }); </script> <?php } add_action('wp_footer', 'iFrameCSS');Best regards,
VinayHi,
I checked the link you provided and all the elements in it appears fine.
The video you posted do not work for me would you mind uploading to youtube and share the link here.
To get the page back you do not have to restore the whole site wordpress has a feature called page revisions please try using this to revert the page https://en.support.wordpress.com/editors/page-post-revisions/
The main reason I suspect that all the elements disappear on the page is if any html tags are not properly closed or if there is an extra opening or closing tag.
Let us know if you need any further assistance we would love to help!
Best regards,
VinayHey lzevon,
Unfortunately it would require quite some time and customization of the theme to achieve this.
As an alternate solution you can try a plugin which gives you similar functionality
https://wordpress.org/plugins/smart-variations-images/screenshots/
I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
VinayOctober 26, 2016 at 8:49 am in reply to: Advanced layerslider spacing – removing top margin or padding #704168Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#main main.av-content-full { padding: 0; }Best regards,
VinayHey bulewold,
To make the table scrollable please use the tabular data in table purpose and change the responsive options to scrollable as shown in the below picture.

Best regards,
VinayHi,
I checked the main colors and the alternate colors and both sections worked as intended.
What exactly is the issue you have with icons? Would you mind posting us a precise link to the issue and a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
VinayHey Mzunguman,
The mockup is not opening Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#av-burger-menu-ul li { padding: 0.3em 0 0.3em 1.3em!important; text-align: left; }Best regards,
VinayHi,
We have added the below code to Enfold > General Styling > Quick CSS at the bottom
/* Logo in mobile*/ @media only screen and (max-width: 767px){ .responsive #top .logo { height: 0px !important; padding:2px 0; }}Please adjust the height value for the logo to suit your design needs.
Best regards,
VinayHi,
Please try uploading the logo in Enfold > Header > Transparency Options > Transparency logo
Let us know if you have any questions.
Best regards,
VinayHi,
We will keep this ticket open please feel free to get back to us if you have any questions.
It will help us a lot if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
VinayOctober 25, 2016 at 9:06 am in reply to: Extract Image Title from Gallery and Send to New Page (Form) #703661Hey jdannay,
Everything is possible unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
VinayHi,
Glad we could help! We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Vinay -
AuthorPosts
