Hi,
Glad we could help. Please let us know if you should need any further help on the topic.
Thanks,
Rikard
Hey!
In addition it could help, if I adjust the switch from the desktop-layout to the mobile layout at about 600px or 800px (and not 1024px).
I’m sorry but what do you mean by “switch”? Are you referring to the mobile switch? Please go to the Enfold > Header > Mobile Menu panel. Set the Header Mobile Menu activation to the first option.
Cheers!
Ismael
Hi,
Great, glad you found the problem :-)
Let us know if you should need any further help on the topic.
Thanks,
Rikard
Boa tarde Debora,
Por favor tente o seguinte código CSS. Também estou ainda olhando para o link _blank. Por favor, seja paciente.
.avia-content-slider .slide-meta {
display: none !important;
}
a.more-link {
color: #000000;
border: none !important;
}
.html_elegant-blog .avia-content-slider .read-more-link {
top: 15px;
}
Obrigado,
Jordan
Hi,
Please try the following CSS as well:
body.page-id-10793 .column-top-margin {
margin-top: 10px !important;
}
Best regards,
Rikard
Hey mcutini,
Thanks for reaching out to us and sorry for the delay.
Responded to your issue here – https://kriesi.at/support/topic/character-display-error/
Best regards,
Jordan
Hi,
Ok great :-)
Please let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Thanks,
Rikard
Hi,
It is happening because of the custom css added in the quick css section.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed!important;}
}
Also you are using an old version of the theme. To resolve this issue please update the theme to the latest version. If you do not see the update option Please try this plugin to clear WordPress transients if you do not receive auto updates and make sure your API key is correct: https://wordpress.org/plugins/artiss-transient-cleaner/.
If it does not help, I am afraid you might need to update the theme manually – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Unfortunately not all Server environments are able to make use of the auto update feature provided by ThemeForest :/
Best regards,
Vinay
Hey lech07,
The link you provided to demo site goes to overall demo please close the iframe bar on top and share the precise link again so we know exactly what you are talking about.
You can download and add more icons from fontello.com
Best regards,
Vinay
Thank you for your response. The code really helped and jumpstarted me. I got the following to work for the header, logo, menus and the advanced layerslider, which seems to have its own breakpoints somewhere. It could probably be more efficient, but it works across devices—tested on many Apple and Android devices.
@media only screen and (max-width: 1192px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
@media only screen and (max-width:1192px) {
.ls-slide.ls-slide-1 {
margin-top: 0px!important;
}
.container.av-logo-container {
height: 120px !important;
}}
@media only screen and (max-width:1192px) and (min-width: 994px) {
.ls-slide.ls-slide-1 {
margin-top: 120px!important;
}
}
@media only screen and (max-width:1192px) and (min-width: 994px) {
#layer_slider_1 {
height: 740px !important;
}}
@media only screen and (min-width: 768px) and (max-width: 1192px) {
.responsive #top #wrap_all #header { position: fixed; }
.responsive .header-scrolled #header_main .container {height: 60px !important; line-height: 60px !important; }
.responsive #top #main {padding-top: 15px !important; margin: 0;}
}
HI
Is there any other way to add phone and address above the top menu besides using extra elements option?
I don’t like that the gray bar is underneath and I want to space it out nicer. Thank you
The Avia Builder won’t load. There’s just a spinning wheel and nothing happens.
I’ve tried everything in the “My Enfold Layout Builder is not loading properly” post and it’s still not working.
Also, when I go to the Enfold theme options using the left navigation link, there are no options anymore. However if I access the options from the top dropdown, I can see them.
Please help, the client needs an update asap!
-
This topic was modified 9 years, 5 months ago by
sansters. Reason: misspelled avia
Just a solution here in case it helps anyone with the same issue.
Find this code
$( document ).on( 'updated_cart_totals', avia_apply_quant_btn );
$( document ).on( 'facetwp-refresh', avia_apply_quant_btn );
Apply this code below it
$(document).ajaxStop(function () {
avia_apply_quant_btn();
});
This applies the quantity buttons when the ajax has finished loading / stopped
Great, thank you!
Also, maybe you can answer this. These issues have always bugged me about Enfold.
-Clicking “Edit Homepage” in the top admin bar always opens up in a new tab. Why?
-Uploading images always defaults to a medium size inside the page builder. Full-screen backgrounds always default to “medium”, which is tiny. This is the only theme I have ever used that defaults to a very small size, resulting in extra clicks… Why is this?
Hey Guilherme,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .logo {
display: none;
}
Best regards,
Jordan
for small Naviagations this is an elegant Method of Menu – but why not for mobile view?
on a test environment i make it – and even with transparent headers this is a nice Option.
I get rid of transparency for mobile case. Have a look here: http://webers-testseite.de/elegant/fullscreen-slider/
The code for quick css
.main_menu .avia-menu,#header_main_alternate,.fallback_menu {
display:block;
float:right;
}
.responsive #top #wrap_all .container {
max-width:95%;
width:95%;
}
.responsive #top #wrap_all #header {
background-color:#fff;
opacity:1;
position:fixed;
width:100%;
}
.responsive #top .logo {
float:left;
position:absolute;
top:50%!important;
transform:translateY(-50%);
width:65%;
}
#menu-item-burger > a {
padding-right:8px!important;
}
#advanced_menu_toggle {
display:none!important;
}
The Rule for .responsive #top .logo depends on the given logo. So you have to play a bit with it.
On some cases it might be good to set some media querries.
Hi,
I have found a nicer workaround using jQuery:
if ($(“.avia-google-map-container”).length) {
$(“#footer”).prepend($(“.avia-google-map-container”));
}
and in css I removed the top padding and border of the footer element.
I just have to place the google maps block in a 1/1 column and the jquery code puts it full width in the footer.
Dear Support,
as i told you: please test it at your side. I cannot use a error-stuff on clients side. Sorry. I can send you the goal page with the sticky menu. Only if the HAM-Menu occuring by longer menue, than the Ham is not touchable or expandable.
The another is topic is #653233
Cheers
A.
**UPDATE** – Added the shortcode to the “Phone Number or small info text” area, and this does work – kind of…
It adds the search form (I’ll need to style it with quick css), but uses ajax to show search results, and makes the top bar push all other content down, and has a transparent background? How do I disable the ajax results, and just have the results come up in a separate page?
See image: https://snag.gy/HO57zo.jpg
Hi
i tried to make streetview fill up a 75% fullwidth section. Named the section streetview and applied following css code to it.
#streetview .container, .responsive #top #wrap_all #streetview .container { width: 100% !important; max-width: 100%!important; padding: 0; margin: 0!important; }
after that i placed a codeblock into the section and added the streetview iframe to it.
<iframe style=”position: absolute; border: 0; height: 100%;” src=”https://www.google.com/maps/embed?pb=!1m0!3m2!1sde!2sch!4v1473951953028!6m8!1m7!1s6pCAJvdJLK6IoYkRxBh96Q!2m2!1d47.3343105!2d9.4070898!3f251!4f0!5f0.7820865974627469″ width=”100%” height=”100%” frameborder=”0″ allowfullscreen=”allowfullscreen” scrollwheel=”false”></iframe>
works fine in Firefox but IE 11 only displays a stripe.
can you help me out on this?
Thanks Yigit. I’m sorry for anything.
Close topic :)
-
This reply was modified 9 years, 5 months ago by
leooka.
Ah, found out that the element .logo.bg-logo wasn’t the right one. I changed it to:
#top .logo {
left: 50%;
transform: translateX(-50%);
}
And now it works.
Thanks anyway!
-
This reply was modified 9 years, 5 months ago by
steviger.
Hi
I need to add a full screen background image on just one page, that has the id ?page_id=3230
I need it to cover the entire page, ie going behind the top menu, mai content and footer etc.
Many thanks in advance
Hey!
That is because your home menu item is linked to “#top”. Please go to Appearance > Editor and remove that menu item and add your home as page from the list on the left.
Regards,
Yigit
Hallo, gibt´s eine Möglichkeit einer Einstellung, dass man die Fotos nicht per Maus auf den Desktop ziehen kann. Lt. Fotolia muss man das so einstellen, zweck Rechte und so …
danke im voraus
Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 990px) {
#top #searchform {
display: none !important;
}
#header_meta .sub_menu {
min-width: auto;
}
}
Regards,
Yigit
Hi Daryl!
Please edit your page and edit the color section element at the top of your page and change its background as needed
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.phone-info {
position: relative;
top: 50px;
}
Best regards,
Yigit