hello i have some issues i need the answers to please:
1) if you look at this photo:
https://www.dropbox.com/s/6fvrsnjtimxuj28/Normal%20Web%20Browser.png?dl=0
you will see there is a thick line between facebook and twitter i need that fixed but
2) if you look at this image:
https://www.dropbox.com/s/71ya5mm4evhm019/Mobile%20size.png?dl=0
you will see there is one line still there between facebook and twitter, so i need the line to be correctly sized in the menu when its in desktop mode, and i need the line to dissapear when its in mobile mode. its also weird because if you look at this picture:
https://www.dropbox.com/s/71ya5mm4evhm019/Mobile%20size.png?dl=0
you will notice the line is normal when you scroll down the page in desktop mode and the menu goes from transparent to white.
3) the burger menu in tablet mode is black on my transparent menu:
https://www.dropbox.com/s/jkzf103lupuqvdq/Tablet%20size.png?dl=0
can you give me the code to turn it white only when its in transparent menu please?
Also i hope and wish you can fix the issues of the social media lines in the Arabic page in one of your theme updates, as these issues have been plaguing this theme from the beginning. if you look at my started topics you will see how many issues I’ve had with the Arabic menu.
Kind regards,
Thanks for the help. That worked great, except on the mobile version. Now the Mobile version menu icon is white, so you can’t make our the three lines in the box on the top right, because the font is white. Any suggestions on how to fix that?
Have a look: http://dev.alaryshh.com/
Thanks!
Hey uribinsted,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
background: rgba(0,0,0,0.5);
padding: 5px;
border-radius: 5px;
}
Best regards,
Yigit
Hi, I followed the code (below) from previous thread to hide a color section. This works fine except on all versions of Windows and Explorer.
Is there something else can be done?
Thanks
Steven
#mobile_top {display: none!important;}
@media only screen and (max-device-width : 767px) { #mobile_top {display: block!important;}}
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hello,
Is there a way add a link and make a whole column clickable?
I can´t get this to work: https://kriesi.at/support/topic/apply-link-to-column-box/
Best regards,
Joel
Hi there,
I hav an issue with the German Market extension for WooCommerse in Enfold. Once it´s activated I cannot edit pages anymore because the loading circle of the Avia Builder doesn´t stop turning. No content.
See screenshot
https://dl.dropboxusercontent.com/s/rwqqrcayfrqlvyf/index.html?dl=0
When I deactivat the German Market extension it works.
Any ideas?
Cheers
Michael
Hi,
Sorry for delay.
Draft website is still on a development server until launch.
Details in “private content” area below. We want the ‘RESERVEZ’ button in the top right (at the end completely) after the social network links.
We also wish to have that button bigger.
Thank you.
Hey Ismael,
thanks for your reply, I kept searching and finally discovered the fallback-image-thing, seems like the mobile version wanted to have one even though the videos are playing properly anyway, I inserted an empty png, height 1px. Works now, no more white boxes and frames. But could you make have a look at the very top Full Screen Slider, on desktop, depending on the window size, there’s a black border underneath the looping video. Is there any way to fill the entire space or shorten the full screen slider, so that there’s no border, just the white arrow pointing down? Same on mobile, theres a large empty space below the heading video slide. Thank you so much already.
Best,
Thomas
P.S. Thanks a lot. :)
Thanks by no means don’t take my comments negatively. Enfold is great theme. Some very basic things is not simple to do and some advanced things on the opposite side are easy.
So I will ask for help when problems occurred.
Can you check ***naxos-kitesurf.gr? I have put a Facebook like page on footer that shows on desktop, mobile but not on tablet.
Also if the website is checked by googles structure tool I have weird schema.
The website is a copy from weebly ***naxoskitesurf.com and there was easy to add custom schema. Is there an easy way to add the same on enfold theme when I stop using the default?
Hi,
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,
Vinay
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
From the article:
3.) Update CSS
Then copy the CSS from the tool and put it into a separate stylesheet on your website or you can use a free plugin like Simple Custom CSS and JS to add custom CSS to your header or footer. Then simply update the source URLs so that they are pointed at your CDN.
Did you try the plugin? https://wordpress.org/plugins/custom-css-js/
And yes, you can use the code from the previous thread to disable the default google font link.
// https://kriesi.at/support/topic/remove-google-web-font/#post-495799
Best regards,
Ismael
Hey Michał,
Thank you for using Enfold.
1.) Please install the loco translate plugin instead and then translate the strings manually. ( see #2 )
// https://wordpress.org/plugins/loco-translate/
2-3.) We only depend on users to translate the theme. Unfortunately, no one has submitted full translation of the theme to Polish language. You might need to translate a whole lot of strings or text manually.
// https://kriesi.at/support/topic/please-contribute-and-translate-enfold/
Best regards,
Ismael
Hi,
Please replace it with the following css code.
#top .avia-button-fullwidth {
font-size: 2em;
line-height: 2em;
}
Turn on the custom css class if you want to apply this modifcation to a specific button or element.
// http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
Ismael
Hi,
Glad we could help, let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Thank you for the info. Please add this css code in the style.css file or the Quick CSS field.
#top #header_main > .container .main_menu .sub-menu > li > a {
height: auto !important;
line-height: 23px !important;
}
Best regards,
Ismael
That works but I’m getting a light grey bar behind the number when I scroll down, I just want the background white on scroll?
Also last question, how can I apply the phone number to the top of the burger menu on mobile also? Thanks !! :-)
Hi,
Please adjust the font size of the caption on mobile so that it fits the slider.
@media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption h2 {
font-size: 15px !important;
}
}
For other inquiries, kindly create a new thread. Thank you.
Best regards,
Ismael
Hey!
Thanks for providing the login. This issue should be fixed, I have added this code in your Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:980px) {
.avia-fullscreen-slider .avia-slideshow {
max-height: 360px;
}
}
@media only screen and (max-width:767px) {
.avia-fullscreen-slider .avia-slideshow {
max-height: 220px;
}
}
The 360px is for ipad (portrait mode) and 220px is for mobile, just adjust the values as you see fit. Hope this helps, if you have any questions related to this topic, let us know. :)
Cheers!
Nikko
-
This reply was modified 9 years, 5 months ago by
Nikko.
Hi Uros,
This is fixed. No plugins are disabled during the troubleshooting process. It’s my bad the code I gave was the one I made when testing on my end, this is the fixed version of the code:
function add_custom_placeholder(){
?>
<script>
jQuery(window).load(function(){
jQuery('.page-id-103 input#avia_2_1').attr('placeholder', 'First Name *');
jQuery('.page-id-103 input#avia_3_1').attr('placeholder','Last Name *');
jQuery('.page-id-103 input#avia_4_1').attr('placeholder','Email *');
jQuery('.page-id-103 input#avia_5_1').attr('placeholder','Skype ID');
jQuery('.page-id-103 input#avia_6_1').attr('placeholder','Country *');
jQuery('.page-id-103 input#avia_7_1').attr('placeholder','Company *');
jQuery('.page-id-103 input#avia_8_1').attr('placeholder','Telephone');
jQuery('.page-id-103 textarea#avia_9_1').attr('placeholder','Message *');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_placeholder');
Let us know if you need anything that is related to this topic. Thanks for using Enfold :)
Best regards,
Nikko
Hello I’m trying to change the following in the top header:
Larger phone number in header
Keep it all black text (including link) on trans
Keep it all theme green text (including link) on white bar on scroll
Hello. I’ve been working on a website that will have about 100 or so questions related to medical conditions. I’ve grouped many of them together though on the same page as I thought that many people would want to read related conditions etc and there are 20 or 30 on some pages?! You can navigate to particular sections using the menu bar and anchor tags- but when I try the search box it can see specific words on a page but only ever goes to the top of the page when these suggestions are clicked. I would like the search box to help people find a particular word on a particular page – not just the whole page.
Is this possible? Do I need to have 100 different pages? Any suggestions very welcome – thanks in advance.
Jim
Hi Ismael,
Please image links for reference.
I have added the code and am using just one dynamic_sidebar( ‘header’ ) in the functions.php file. Maybe I should add three and if I do what would I need for the CSS?
I have problems trying to get the main company logo to a sufficiently larger size in normal desktop view and then having the other elements behave in mobile view. Presently they just stack on one another over the other content?
Cheers
john
PS: Would be great to see this sort of layout included in the admin panel in the future.
I’m playing around with different layouts for my category pages, but the option to display only excerpts instead of full content is not working on some layouts even though I’m selecting Excerpts and they do have excerpts.
For example, I like the “Multi Author” with excerpts, as seen in demo site at http://kriesi.at/themes/enfold/blog/blog-multi-author/
But on my site a bunch of content is being displayed beyond the excerpts. The “Party On Solace” at the top of these page is a good example. It has an excerpt set: “Last night, we rented the ultra-hip Devil’s Canyon Brewery in San Carlos California and invited many of our local customers, partners, investors and friends of the company to join us to mark our transition from plucky startup to established leader in our space.”
Hey dvsub!
Please take a look here
https://kriesi.at/support/topic/equal-height-for-3-columns/
to understand how it works.
Let us know if we can help you further
Best regards,
Basilis
Hey domchocolate,
Please refer to this post – https://kriesi.at/support/topic/grid-style-search-results-with-sidebar/
Please feel free to request – or vote if already requested – such feature on Enfold feature request form.
Best regards,
Yigit
Hi craigriches!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .products .product-category h3:before {
z-index: 9;
}
Regards,
Yigit