Hey!
Try adding this code to the Quick CSS:
#top.woocommerce-page .av-parallax.avia-full-stretch {
transform: none !important;
height: 100% !important;
}
#top.woocommerce-page .av-parallax-inner {
background-size: contain;
}
Cheers!
Josue
Hello,
The logo is not showing on mobile or desktop.
I have tried uploading it again under a different name, disabling all plugins, clearing cash and still not showing.
Please help.
Hey!
Try adding this at the very end of your theme / child theme functions.php file:
function add_category_name($classes = '') {
if(is_single()) {
$category = get_the_category();
$classes[] = 'category-'.$category[0]->slug;
}
return $classes;
}
add_filter('body_class','add_category_name');
That should set the category slug as a body class, that way you’d know if a Post of certain category is being show and adjust the CSS accordingly:
#top.category-events-rides #header .av-main-nav > li > a {color: #808080;}
#top.category-events-rides #header .av-main-nav > li#menu-item-523 > a {color: red;}
Makes sense?
Cheers!
Josue
Hi guys,
Couldnt find any other threads on this exact topic, so I started this new thread.
I’m using the Fullwidth Easy Slider with the same caption on all slides ( Right without frame).
However, I need the caption to be further to the right. Whats the quick CSS rule here?
Thanks
Hi,
Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey envapk2,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) {
#advanced_menu_toggle {
margin-top: -55px !important;
}
}
Thanks,
Rikard
Hey Patrick,
There is a problem with the Google Maps API in the latest version and we haven’t released a fix for it yet unfortunately. You can try the following temporary fix if you like though: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/#post-661496
Regards,
Rikard
Hey sundara88,
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) {
div#header_meta.container_wrap.container_wrap_meta {
min-height: 80px;
padding-top: 10px;
}}
Best regards,
Vinay
Hi,
Ok great, let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
This is my first website build with Enfold theme and I have to say I’m impressed.
Yet, I have an issue with GM media element not be displayed in site: http://2bopenlogistics.com/contact/
My website is running under a Child Theme on WP 4.5.3 with latest Enfold release 3.6. I also deactivate my only running plugin (Weglot Translate, latest version 1.3.0) with no positive results. Also tried to visit from another computer, diffrent browsers, cache cleaning. same, no luck.
I found this thread and added the script to my child theme functions.php. Same result.
Can you please have a look and advise what could be done?
Thank you!
Hey Freek,
Using the below code will make the content the heading “EEN HECHT TEAM DAT BREED INZETBAAR IS” a 2 col layout in mobile. It appears you are using 2 images a logo and “WHAT” in different col hence the list appears one below the other.
@media only screen and (max-width: 767px) {
.responsive #top.page-id-118 .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 45%;
float: left;
display: inline-block!important;
}}
A workaround would be to enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and hide the logo and image in mobile using the below code.
/*Show only in mobile or desktop*/
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}
Best regards,
Vinay
Hey kilimats,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .avia-post-nav {
max-width: 100px;
}
It’s not clear what you are trying to achieve? If the above don’t work for you please elaborate on the end result you want if possible with a mockup and a link to view the element in question. Kindly remove any custom code added to this element in question which is not working for you and let us know.
Best regards,
Vinay
-
This reply was modified 9 years, 7 months ago by
Vinay.
Hi,
I setup a page with a content element of 100% with 4 columns in it.
Looks good on a desktop but not on a mobile, because all columns are transformed to 1 column, so the list is very long.
Is it possible to have 2 columns on a mobile screen? See site URL in private section.
THX Freek
Hi,
We are sorry for the delay. Please adjust the code to the following:
@media only screen and (min-width: 768px) {
.single #main .container_wrap_first .container .template-page {
background: #ffffff;
margin-top: 50px;
margin-bottom: 50px;
}
.single #main .container_wrap_first .container .template-page .post-entry {
max-width: 55%;
margin: 0 auto;
}
}
Best regards,
Ismael
Hi,
Kriesi is still working on a fix for this but rest assured that it will be release on next patch of the theme. For now, we managed to fix the google maps on a few sites by doing the following solutions in these threads:
https://kriesi.at/support/topic/content-element-google-maps/#post-656399
https://kriesi.at/support/topic/enfold-google-maps-widget-not-working/#post-657900
https://kriesi.at/support/topic/solution-to-google-maps-key-issues/https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
If the solutions did not fix the issues on your end, please create a new thread with the url to the site plus the WordPress and FTP login credentials. We’ll check the issue there.
Best regards,
Ismael
Hi,
Please add this in the Quick CSS field:
#top .logo img {
top: 20px;
}
#top .header-scrolled .logo img {
top: 2px;
padding: 7px 0;
}
Best regards,
Ismael
Hi,
The date was fetch from this container:
<div class="meta" style="margin: 20px 0 0; padding: 10px; border: 1px solid #efefef; font-size:12px;">
WRITTEN BY: Dr Richard Beatty
REVIEWED/UDPATED: <script language="javascript" type="text/rocketscript" data-rocketoptimized="true">document.write('May 27, 2016, 2:51 pm');</script>May 27, 2016, 2:51 pm
CREATED: <script language="javascript" type="text/rocketscript" data-rocketoptimized="true">document.write('June 23, 2015, 12:06 pm');</script>June 23, 2015, 12:06 pm</div>
This container is not generated by the theme so it’s probably added by a plugin.
Best regards,
Ismael
Hi Yigit,
Thanks man! The links are working :)
That leaves me to the second part of my question…..
With the layer slider ‘over mij’ we put some text over my face. This seems to come out good on my big screen, is ok when you look at the website on your laptop, but it does not work on a mobile device. The text does’t scale well when being watched on a mobile device.
Is there anything we can do about this too? It seems to be the last bug in the website.
Best regards,
Sander
Hello,
Following the instructions via https://kriesi.at/support/topic/solution-to-google-maps-key-issues/ I was able to temporarily fix the Google Maps issue, however now the map is showing up as a very low res version, the text is barely legible.
The map is the full color overlay version.
Thank you,
Hayden
Looks like there has been an issue with this recently, someone else posted a solution.
Just read the first comment, follow the Github link and copy everything but the first line of code, and paste into your Child Themes functions.php
After you paste the code, you will need to go to https://developers.google.com/maps/documentation/javascript/get-api-key and get a API key.
https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Best,
Hayden
-
This reply was modified 9 years, 7 months ago by
haydaw.
Hi,
I’ve added social media icons to the top bar and made the phone number a bit bigger, but now on tablet size the phone number gets pushed down and only half shows.
I’ve added this css to make the phon nr bigger and the container higher:
div#header_meta.container_wrap.container_wrap_meta {
height: 50px !important;
}
.phone-info span {
line-height: 1.4em !important;
font-size:1.4em !important;
padding-top:11px;
}
This works fine on big screen.
And I’ve tried the following css to make it work on the ipad:
@media only screen and (max-width: 767px){
div#header_meta.container_wrap.container_wrap_meta {
min-height:200px !important;
}
.responsive .phone-info span {
min-height:80px!important;
}
}
But this doesn’t work. I hope you can help me.
Kind regards,
Lisa
Hi there,
On my page http://www.success1010.com.au/thank-you-overcoming-blockages/
The top of the page is displaying the code from the visual composer
”
<’h1′ class=’av-special-heading-tag’ itemprop=”headline” >’Awesome!”
Any idea why? It doesn’t happen in the preview.
Thanks
Mel
Hi There,
I have resolved the issue – but not amicably. . . The issue arises when I try and place a full width sub menu, underneath the top color section. You are more than welcome to try this and chuck one in there and take a look for myself.
I would still like the full width sub menu, but are just using a normal menu so the website doesn’t look like Mickey Mouse built it.
I understand not bumping my own topic – but when I have an update, there is no point waiting for you guys to respond to something that is outdated.
From here – please come back with a good response showing that:
You have added a full width sub menu in, updated the site, and seen the abortion it creates. Then, please come up with a solution, so I can actually use the sub menu, without having a boxed footer. Then if you could tell me that solution, that’d be just swell.
Thanks in advance.
Neil
Thanks for reply
1 _ I founded. Work it, but not working on the main page(There are only layerslider)
https://kriesi.at/support/topic/minimise-size-of-footer/#post-417665
2_ok
-
This reply was modified 9 years, 7 months ago by
koraytastan.
You can close this topic! thanks
Hi Artem,
Great, glad you found the problem and thanks for sharing your findings. Much appreciated :-)
Let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
Great, glad you got it working :-)
Let us know if you should need any further help on the topic.
Best regards,
Rikard