Hi there,
I want to increase the whiteness of a glassy header and the top bar. The below custom css works in Firebug, when I save the custom css in the custom css (general styling theme options) and reload the page, the transparency turns back to default:
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255, 255, 255, 0.35)!important;
}
#top .av_header_transparency #header_meta {
background-color: rgba(255, 255, 255, 0.35)!important;
}
Why is the css change not taking effect after saving the theme options?
Please advise thanks
Hey rashaadk,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .avia-slideshow-button {
font-size: 34px;
}
Best regards,
Vinay
Hey Charlotte!
You have following custom CSS code
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
Please remove it to center your logo :)
Best regards,
Yigit
Yes . I want to my top header menu ant footer menu active on same page where i stay.(i.e. when i am in home page i want my header menu and footer menu both active in home page.)
Hello,
In my site top main menu and footer menu simultaneously not active in same page. Please help me to how i solve it.
Dear Support Team,
I have a small question.
I have included in my main navigation the search-icon. That looks great! However, if I go out with the mouse (mouse over) it sticks at the right edge. Is it possible to make the icon center, or on the right of the icom more space?
I tried this code, but it is not as desired:
#top #menu-item-search {
padding-right: 20px
}
I hope you can help me and thank you.
Best regards
Hi, our website runs Enfold 3.6.1 and WordPress 4.5.3. and we are encountering a lot of problems using the Avia Layout Builder to modify elements in the pages. For example clicking on a “icon box’ element from the Layout Builder it just opens a blank pop up window where the loading wheel never stops spinning. And the same error happens with the majority of avia elements for all the website pages.
So we have tried deactivating all plugins one by one to see which of them is causing an eventual conflict and WooCommerce was identified to be the cause. Now we cannot use the Avia Layout Builder without deactivating the WooCommerce plugin before.
We have already tried solutions shown in other topics in this forum (like increasing wp memory size and other stuff) but the problem still persists.
Do you have any suggestions to fix this?
Any help will be so much appreciated, thanks in advance
Same problem on my Site. I tried to display the dropdown but it does not show up. This topic exists for over two years now. Why is it still not fixed?
I have tried to select dropdown and other opportunities but nothing worked out for me. Can you help me?
Hi Rikard,
I tried this, overlapping of logo and desktop menu is gone, but when shrinking the browser further on, logo and mobile menu are overlapping. When shrinking the browser more, the logo swaps to the left, but the logo should stay on the right side. The mobile menu should be displayed ( like the desktop menu ) always on the left side. Is this possible?
Thx for your help!
Hi Ismael,
2) works perfectly! great, thank you :-)
3) still didn’t work (at least on Linux desktop Firefox and Konqueror), but I got it finally fixed with this code:
h2.entry-title.post-title a {
font-size: 23px;
font-weight: bold !important;
text-transform: none;
}
Thanks so much for your help!
Kind regards,
Anja
Hey Ismael,
that did the trick. Thank you so much. Your help is much appreciated.
Sorry for my late reply. Just came back from vacation.
As I’m working with a child theme, your reply to this thread was also very helpful to me.
Keep up the awesome work.
best regards
Niko
Hi
I’m using Enfold 3.6.1 and have tried adding the CSS advised here but it is not working – any ideas please?
https://kriesi.at/support/topic/removing-related-entries-from-single-portfolio-item-page/
Hi there,
Any news yet? I posted my issue on the 22nd. This is a serious issue, a showstopper for my client. I am paying extra for support, so i was wondering when this issue can me fixed.
Please help!
Mike
Thank you for the response
The slider was not resizing and was cursing off most of the image. I have changed the crop of the image and have added the below code in the style.css in my child theme:
/* All Mobile Sizes (devices and browser) */
@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;
}}
/* CAPTION HEADING OF THE FULLSCREEN SLIDER ELEMENT IN MOBILE MODE */
.responsive #top .slideshow_caption h2 {
font-size: 40px !important;
font-weight: 100 !important;
}
}
@media only screen and (max-width: 1220px) and (min-width: 769px) {
#main {
padding-top: 0!important;
}
#advanced_menu_toggle, #advanced_menu_hide {
top: 16%;
}}
@media only screen and (max-width: 768px) {
.cartlink {display:none;}
.avia-slideshow .avia-caption .avia-caption-title
{ font-size: 14px; }}
@media only screen and (max-width: 480px) {
.avia-caption {
bottom: -10px;
left: -18px;
padding: 0 20px;
width: 305px;
}
.avia-caption .avia-caption-title { margin: 0; }
}
@media only screen and (max-width: 480px) {
#top .avia-slideshow-arrows a { display: none; }
.avia-slideshow-dots {
display: none;
}
}}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #main .container_wrap:first-child .container {
width: 528px;
margin: 0 auto;
}
}
.av_header_transparency #advanced_menu_toggle {
color: inherit;
background: #a41e23;
}
It seems to work
Let me know if it is suitable?
Login details:
I would need you email address to give you these details, please advise?
Hi,
Sometimes disabling/enabling plugin can help so I think you are good to go. Let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
Great, glad you got it working @Daniel. Let us know if you should need any further help on the topic. Thanks @polynome for helping out :-)
Regards,
Rikard
Also while you are on that page how can I make the fill width easy slider look better on mobile view?
Currently if you view it on a mobile the top and bottom get cut off
Thanks for your response Rikard.
Am I correct in saying that to use your code I could need to duplicate the content in the order to display for mobile and the order to display for desktop? I have come across this method before but I was hoping to find some CSS or shortcode parameters for the same result without having to duplicate the content.
hi Google maps have stop working after Upgrade
Message
Oops! Something went wrong.
This page didn’t load Google Maps correctly. See the JavaScript
Thanks
Chris
-
This topic was modified 9 years, 6 months ago by
criordan.
Hey cullingfordconsulting,
To achieve what you are looking for you could place the element in different Color Section to display on different screen sizes. You can do this by adding ID’s to your Color Sections in the element options and then show/hide them with CSS:
@media only screen and (min-width: 768px) {
#desktop {
display:block;
}
#mobile {
display:none;
}
}
@media only screen and (max-width: 767px) {
#desktop {
display:none;
}
#mobile {
display:block;
}
}
Best regards,
Rikard
Hi,
I added this code to your child theme’s functions.php:
function add_custom_script(){
?>
<script>
(function($){
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 50) {
$("#header").addClass("header-scrolled");
} else {
$("#header").removeClass("header-scrolled");
}
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
Best regards,
Josue
Hi,
I adjusted to 45% and the tablet views look as good now as they can be– thanks so much!
The last issue now is that on smaller mobile screens, only the title shows (the caption is being cut off at the bottom).
It looked ok to me when the caption was centered top-to-bottom on small screens– even though the face was covered on the left, since half her face was showing on the right, it was ok.
How to set that up for smaller screens/cell phones?
Hey Vinay,
I’m sorry that you could’nt understand my question.
I have a custom menu in the sidebar. It has a first and a second level. Only I want to be visible the menu items of second level when I click on the menu item of the first level.
Example:
When I click of the main menu item “Tourism”, to first in the sidebar I want to be visible the menu items of the first level: In Example “restaurants”, “camping”, “sights” …. The second level is to be still invisible.
Only when I click of the first level menu item – in example “sights” – I want to be visible the 2nd level menu items: “church”, “castle”, “mill”….
I tryed the code from this thread: https://kriesi.at/support/topic/sidebar-menu-nested-at-2nd-level/, but it did’nt work.
I hope, you can understand me now. If not, then I must to write later in German. My english is bad. I often use Google Translator :-(
Mobile pages seem to be hiding the sliders so that they page is not fully showing including main slider on home page.
Header has small space at top on mobile.
Hello,
at some point this year our site has developed several missing icons and lots of uneven columns and boxes.
I have a clone site (listed privately) here for testing where you can see all of this. Button icons and return to top icons are missing.
Seems to occur in all browsers.
Things I have tried;
-I think ALL of the solutions to threads like this in support forums including adding lines to .htaccess.
-Clearing caches/reloading
-turning off all plugins
-updating enfold completely
-reinstalling enfold via ftp
-triple checking all paths in css and domains
In depth list of problems;
[We would like the “Forms / Practice / Products / Compliance” boxes to all be the same height automatically]
[2 icons disspaeared from those boxes]
[Return to top icon missing]
[Calendar / Announcements Half page elements are always uneven on homepage.]
These are the issues on the homepage alone but they continue throughout..
Please let me know if you can figure it out as soon as possible it is a little embarrassing to the company!
Hey Rachel,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .avia-slideshow-arrows a {
color: #262626!important;
}
.avia-slideshow-arrows a:before {
background: transparent!important;
background: rgba(0,0,0,0)!important;
}
Best regards,
Vinay
Andy try scrolling down the page. the item is white and its very likely you are viewing it on a white background at the top of the page. As soon as you view it over an image or something you can see it there.
If you cannot see it upon scrolling, then I will give you admin access
Hello,
I need to get the “theme options” located in the Admin top bar.
I tested the explanations below more did not work:
http://goo.gl/vSyQV0
http://goo.gl/gEVVdu
http://goo.gl/rwkMVG
Would you help me?
Thank you.
And how do I get those plugins back? The site is actually up anyway. If you tried to log in and got a white screen with the message, reloading would have brought up the dashboard, but with that same message at the top.
I just tried what you suggested, but the message is still there, even after a couple reloads and clearing the cache. I verified that the plugin menu item says that it doesn’t appear that I have any plugins.