Hi,
I was checking something on the website and the home page is not view fully. Its only showing the Top header and main Menu.
The inner pages and viewing fine but the Home page is not.
Please kindly advise on why do you think that is..
I can send you logins to admin and even FTP if you need.
Looking forward to your reply,
Emmy
Hi,
ist es möglich die eine Widget Area in das mobile Menü zu bringen. Ich benötige dies, um die WPML Sprachumschalter dort anzuzeigen
Danke Christoph
Hi,
i’m looking for a possibility to add a widget area only in the mobile menu. There i will show the WPML language switch.
Cheers
Christoph
Hi,
please use this code inside Quick CSS field:
@media only screen and (max-width: 767px) {
#top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2 {
font-size: 16px;
}}
and adjust as needed.
Best regards,
Andy
AndrewGuest
Hello
I noticed your article, where you mention the importance of page speed for a site: kriesi.at/support/topic/fatal-error-with-0-plugins-and-new-installation-very-slow-site/
I wanted to suggest you refer your users to this article, that explains 8 tips for improving page speed: https://hostadvice.com/blog/8-tips-for-improving-your-site-speed/
I think adding these action items can assist your users a lot.
Best,
Andrew
Hey Stevo,
It’s hard to fix that since we can’t control the css rendered inside the iframe, I think the best way is make the iframe’s container a bit wider, try adding this code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
#top.page-id-54 .flex_column_div.avia-builder-el-14 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
Hope this helps.
Best regards,
Nikko
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#advanced_menu_toggle {
display: none!important;
}
@media only screen and (max-width: 480px) {
.responsive.html_header_top #header_main .social_bookmarks {
display: block!important;
right: 0;
}}
Best regards,
Yigit
Hi George!
Try adding this code in Quick CSS (located in Enfold > General Styling):
This is for the header of the accordion:
#top .toggler {
background: blue;
color: white;
}
#top .toggle_content {
background: yellow;
}
The first block of code is for the header and the 2nd block is for the content, please adjust the colors as you see fit. Hope this helps :)
Regards,
Nikko
Hey!
Can you tell us where you want the 24/7 widget be positioned or if you want it to be hidden in mobile? I’m not sure if you would like to position it below the menu icon, but try adding this code in Quick CSS:
@media only screen and (max-width:767px) {
#header_main .widget {
position: absolute;
right: 20px;
top: 54px;
max-width: 50px;
}
}
Let us know if it’s good, if not you can remove the code and tell us how you want it to appear.
Best regards,
Nikko
Verity GrahamGuest
Hi there,
We have used your enfold theme for a company website and it seems we have been hacked.
When you type http://www.breatheenergy.com into google, the top search result has the title of “Fathers Glory Christian Streaming Media” and a tagline of “Fathers Glory Christian Streaming Media – Andalusia Alabama.”
In the theme everything looks fine and the proper title and tagline are there – it is as if it is being overwritten somewhere somehow.
We contacted the hosting company and they have said that everything seems to be fine and therefore they can’t help. We were wondering whether you know what has happened and can offer any advice?
I thought it was more appropriate to post this question via email than on the forum.
Many thanks in advance,
Verity
Hey!
Try adding this code in QUick CSS:
@media only screen and (max-width:767px) {
.responsive.html_header_top #header_main .social_bookmarks {
display: block !important;
position: absolute !important;
}
}
Let us know if it helps :)
Best regards,
Nikko
Hi,
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: 480px) {
.responsive.html_header_top #header_main .social_bookmarks {
display: block !important;
}}
Best regards,
Yigit
OK Yigit – is this image enough for you?
View post on imgur.com
thanks,
Dara
PS here is all the css for this subject:
/*BLOG Remove author*/
.html_elegant-blog .archive .post-entry .blog-author, .html_elegant-blog .archive .post-entry .comment-container + .text-sep {
display: none;
}
/*remove COMMENTS, DATE everywhere but the Post pages*/
.page .comment-container, .page .date-container, .archive .comment-container, .archive .date-container {
display: none;
}
/* BLOG SHOW DATE; COMMENT
#top . (Purchase code hidden if logged out) .minor-meta.date-container, #top . (Purchase code hidden if logged out) .text-sep-date {
display: inline-block;
}
#top . (Purchase code hidden if logged out) .minor-meta.comment-container, #top . (Purchase code hidden if logged out) .text-sep-comment {
display: inline-block;
} */
-
This reply was modified 9 years, 4 months ago by
DaraEmerson.
Hi,
Try adding this in your child theme’s style.css or in Quick CSS:
.active_tc.toggle_wrap {
display: none;
}
Then add this code to functions.php (this is for toggles that are opened by default which is affected by the css I gave above):
function add_custom_script(){
?>
<script type="text/javascript">
(function($){
function custom_toggle() {
jQuery("#top").find(".active_tc.toggle_wrap").css("display","block");
}
custom_toggle();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
Best regards,
Nikko
looks fine to you ?
actually we dont want that 24/7 widget on top of the page.
you didnt get the point.
bc its not looking good on top of the page.
Hey MKP74,
Please replace #header .widget with #header #text-7 since #header .widget will affect all widgets in the header (sidebar in this case). So this code:
#header .widget {
display:none !important;
}
should be changed to this one:
#header #text-7 {
display:none !important;
}
And this code:
#header .widget {
right:50px;
padding-top: 25px;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
Should be changed to:
#header #text-7 {
right:50px;
padding-top: 25px;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
To put the flag on the left, just change right:50px; to left:0;, however it will overlap with the logo, I think putting the logo in the center or adjusting it’s left margin would do it. Here is how to center the logo in mobile:
@media only screen and (max-width:767px) {
.responsive .logo img {
margin: 0 auto;
}
}
Hope this helps :)
Best regards,
Nikko
Hey sitesme,
Try adding this code to Quick CSS(located in Enfold > General Styling):
#main .container_wrap_first .content {
padding-top: 24px;
}
Just adjust the 24px (default is 50px). Hope this helps :)
Best regards,
Nikko
Hey dennishaarman,
Try adding this code in your Quick CSS (located in Enfold > General Styling):
#top .title_container h1.main-title.entry-title {
float: left;
margin-right: 20px;
}
#top .title_container .breadcrumb {
border-left: 1px solid #ccc;
position: static;
float: left;
height: 36px;
line-height: 36px;
margin-top: 0;
padding-left: 20px;
}
Let us know if it works :)
Best regards,
Nikko
… no, it is not this situation.
It appears AFTER choosing some menu-point from your situation (http://i.imgur.com/PaX8O4S.png). THEN scroll up to the top of the page and there on the right side the menu still is visible, beside the content (http://www.c33m3s.de/wp_hpp-schramm/IMG_3192.jpg) …
It is the same on every browser, mobile device etc. I got here …
Hi,
I have set up this test table: http://www.casinohygge.dk/anmeldelser/
The first row shows perfectly fine with HTML tags <b> and <center> on desktop, but on mobile it shows the HTML tags like <center><b>Casino</b></center> instead of making the text bold and centered.
Can you help?
Also, is it possible to insert images via HTML?
Best regards,
Peter
Your last CSS snippet did not work. But it gave me an idea. I increased boxed site width in Theme options from 1310 to 1311, and used the snippet you gave me before:
#top .no_margin.av_one_third {
width: 33.3336%;
}
Now 3 columns is working fine, only on the 2 column first row do we notice vertical white lines on Safari.
Chrome, Opera and Firefox are perfect now.
And we will settle on this solution. Thank you.
Hi,
use this code:
@media only screen and (max-width: 767px) {
#header_meta {
z-index: 0;
}
#header_meta {
height: 0;
}
#advanced_menu_toggle {
top: -33px;
left: 0;
}}
Best regards,
Andy
Hi There,
I am trying to create a header with the logo in the center and menu left and right. This is the code I have so far which is almost there I just can’t seem to get the logo and menu to sit in the middle of the space.I have attached a link in the private content to the website as well as an image showing how I want it to look.
Also how can I hide the large menu separators at the beginning and end and before the product menu item.
/*centered menu*/
.av-main-nav li:nth-child(3) {
margin-right:330px;
}
.av-logo-container {
position:absolute;
}
#header_main_alternate {
margin-top: -100px;
z-index:9;
}
.logo {
z-index:9999!important;
max-width:230px;
}
Cheers
Hey Roman Arnold,
ja, das Theme ist mit WooCommerce Plugin kompatibel. Ein komplette Übersetzung für da Backend gibt es nicht. Aber du kannst dich daran beteiligen, wenn du möchtest: https://kriesi.at/support/topic/please-contribute-and-translate-enfold/
Zweite Frage:
Ist das Theme rechtlich an die Gesetze in Deutschland angepasst!
Was genau meinst du damit? an welche Gesetze könnte ich ein Theme für ein bestimmtes Land halten? Falls du stattdesse vom Shopsystem von WooCommerce Plugin redest, dann schaue mal hier: https://kriesi.at/support/topic/woocommerce-de-erweiterung-fur-kriesi-themes/
Wenn du deine Website mehrsprachig machen willst, dann kannst du dieses WPML Plugin dafür verwenden.
Gruß,
Andy
Hi!
Unfortunately my customer changed her mind. She doesn’t want anymore the language flag in the menu (mobile version) but on the menu button left side.
So I had this
`add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}`
in the function.php file and that
#header .widget {
right:50px;
padding-top: 25px;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
in the Quick CSS
And if I had that
@media only screen and (min-width: 768px) {
#header .widget {
display:none !important;
}
All the widgets disappear…
So now my problem is that I have 2 widgets in the left sidebar (text with phone number and Facebook) and this CSS makes move those widgets. I don’t manage to apply this CSS code only on the header widget (flag button).
To recap : I just want the flag button on the menu button left side. And I want it visible only on smartphones.
Hope it’s understandable.
Thank you in advance for your help.
-
This topic was modified 9 years, 4 months ago by
MKP74.
Thanks, Ismael. It looks better now but it also reduces the height of the logo area, which means there is almost no margin bettween the logo and the very top of the site.
margin-top: 5px; would be just fine, if it wouldn’t be black. Any ideas how to optimize it on mobile?
Best regards,
Michel
Hi,
I want a transparent header background on spedified sites on mobile view that works like on desktop view.
There are a lot of posts on this topic but nothing works on all the browser.
Best snippet seems to be:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: transparent;
position: absolute!important;
}}
1) On Chrome working perfect on Firefox, Edge and IE it’s not working. Background is switching from transparent to white.
2) How do I get menu sticky?
3) Is it possible to make header smaller for mobile devices?
Linkt to site:
Thanks a lot for your helpt !
Greetings
Michael
Hey!
The css code above should actually increase the width of the columns. I’m not sure how you see the reverse. Another workaround is to decrease the max width of the main container by a pixel.
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
width: 1299px;
}
Best regards,
Ismael
Hi JJ!
Thank you for using Enfold.
Please disable the sidebar then add this in the Quick CSS Field.
#top .fullsize .template-blog .blog-meta {
float: left;
margin-left: 0;
margin-right: 0;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
padding-left: 50px;
overflow: hidden;
}
Cheers!
Ismael
Hey NNE!
Thank you for using Enfold.
It’s possible to apply a different header settings for a specific page by using a filter. What kind of header would you like to have on that page?
add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
function avf_header_setting_filter_mod($header) {
if(!is_page(array(13))) return;
$header['header_position'] = 'header_top';
$header['header_layout'] = 'logo_left menu_right';
$header['header_class'] = str_replace("av_bottom_nav_disabled", "", $header['header_class']);
$header['header_class'] = str_replace("av_bottom_nav_header", "", $header['header_class']);
$header['header_class'] = str_replace("av_menu_left", "", $header['header_class']);
$header['header_class'] .= ' html_main_nav_header av_menu_right ';
$header['bottom_menu'] = '';
return $header;
}
The example above will set the header layout to “Logo left, menu right” for the page with the ID 13.
Cheers!
Ismael