Hi,
Hehe, glad you got it figured out. Let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi,
try this code inside Quick CSS field:
#header_meta {
z-index: 1;
}
#text-7 {
top: -28px !important;
left: 23% !important;
}
and adjust top and left value as needed.
Best regards,
Andy
Hi,
Great, glad you got it working. Let us know if you should need any more help on the topic.
Best regards,
Rikard
Thanks Ismail,
we’re getting there. This didn’t have any effect to the EN site.
I went down to 10%
.avia-mozilla #top .no_margin.av_one_sixth {
width: 10%;
}
AND.. I realised it did to the German (DE) site! Now the same portfolio grid doesn’t follow the “Quick css” on the English (EN) site.
This is where the problem seems to be…
…any Ideas why this could happen…?
-S.
-
This reply was modified 9 years, 7 months ago by
beenee.
You may close this topic! tnx!
Hi ive found this link: https://kriesi.at/support/topic/how-to-open-portfolio-custom-link-in-a-new-window/#post-232595
But how do i add it to my child theme?
I would like the externalportfolio links to open in a new tab.
Tnx!
Hi,
use this code inside of Quick CSS field:
span.onsale {
position: relative;
top: -100px !important;
}
.inner_product_header_table h3, .inner_product_header_table .price {
position: relative;
top: 40px;
}
and adjust the values as needed.
Best regards,
Andy
Hi,
Thank you for the info. You can decrease the width of the columns on Firefox:
.avia-mozilla #top .no_margin.av_one_sixth {
width: 16.5%;
}
The default value is 16.666666% so the decrease won’t be noticeable.
Best regards,
Ismael
Hi,
We are very sorry for the delay. The issue is still under investigation. For the meantime, please use the snippet provided in the following thread. You have to change the API key: https://kriesi.at/support/topic/content-element-google-maps/#post-656399
In order to generate an API key, you have to create your own google project, enable the Maps JavaScript API, create a new credential, get the API key then specify the site where you want to embed or use the maps. For detailed instructions regarding the API key, please refer to these links:
https://developers.google.com/maps/documentation/javascript/tutorial#Loading_the_Maps_API
https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key
Moderator keyword: google maps api issue
Best regards,
Ismael
this is a problem of position : fixed
nearly all mobiles and there browsers got this problem.
This is the reason why on mobile case the 2/5 column is set to display none
But on some ipad ( with retina ) this mobile option does not have an effect because the tablet option is set to 990px.
so for my installation i do this media querry on quick css:
@media only screen and (max-width: 1024px) {.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
display: none !important;
}
}
see here for
Mobile CSS Fixed Positioning Support
-
This reply was modified 9 years, 7 months ago by
Guenni007.
Hi,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi Petteri,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Regards,
Rikard
I now also tried to use this plugin: WP Simple Adsense Insertion … as a recommandation from this post: https://kriesi.at/support/topic/best-way-to-insert-adsense-code-into-enfold/ … still doesn’t work … *heul* ;)
I tried three sites with Enfold and it is always the same result.
-
This reply was modified 9 years, 7 months ago by
Chris.
this is a little bit off topic – but what is the benifit of those psd files?
For my webdesign i don’t use them at all.
Hi!
On this site, http://rayconbeta.com/, I’m having an issue I’ve not experienced with other sites I’ve built with Enfold. There is a whitespace being inserted above the main content area, just below the header. The only way I could get rid of it was to add the following Custom CSS:
`#main .main_color .content {
padding-bottom: 0px;
padding-top: 0px;
}
However, now any time I add a color section that is the main color, I have no padding and have to manually add whitespace – very annoying. I haven’t had this issue with other sites I’ve built with Enfold – any idea what’s happening?
Thanks!
Hi,
Have you tried it in the header.php file? You can also use the “ava_after_main_container” hook. Example: https://kriesi.at/support/topic/enfold-woocommerce-change-shop-page/#post-615698
Best regards,
Ismael
Is it possible to specify shortcode for the logo? I have shortcode for an animated 3d cube and would like it to be displayed as the logo image. I am currently using the left sidebar for the logo and menu area instead of having the header at the top.
Thanks!
-
This topic was modified 9 years, 7 months ago by
norcalnathan.
Hi all,
I’d like to add something to this thread. The code above solved “jump” issue. Thanks! I would like to add something else though.
When you click the mobile menu, the content jumps to the top as if you click “back to top” link. So if I’ve scrolled half way down and click the mobile menu, it will take me back to the top of the content.
Is there a solution for this somewhere here?
Thanks!
Hi team – sorry about the delayed response – on July 1, I was in the middle of having the site transferred from an in-construction preview site to the real site, which is missouriartscouncil.org.
I want to be able to give the Enfold team access to the back end, as I have done during the construction phase. I have already instituted Administrator status for the team, but the problem is that because the site is now being hosted on State of Missouri servers, for anybody outside of the State network, I need to have the State team institute an exception with a specific IP address. I mean, my boss discovered today that he can’t get into the back end from his laptop! Is it possible in the private content for you to give me an IP address for the Enfold team, or for me to put you in touch via phone or email with the State guy who is monitoring our project?
Hello,
I was having trouble getting this video to play on a phone…plays on desktop and tablet just fine.
I assume has to do with the embed code but not sure if there is anything I can do to fix.
Any suggestions would be appreciated, thanks.
You asked me to put
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 275px !important;
}
but now on iphone and android phones the menu is huge in height – is there a fix for this in quick css???
it looks good on my laptop because the width of the slider is 1500px so it goes all the way across, but is there a way to force it to stretch no matter what size the screen? like on the full-width slider?
Thank you, I had put that in because without it the top section has way too much white space around it.
What I can I do to just control the top section?
Thank you!
Hi Yigit, This is great. How can I get the transparency to work for smaller devices? I tried adding the following but it didn’t work. Could you please advise as to how to create the transparency?
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}
Thank you!
I want to hide some areas in the printview.
In Enfold theme folder I edit the custom.css, but it does’nt work:
@media print {
#av_section_1 {
display:none;
}
#top .no_margin.av_one_third {
display: none;
}
.av-section-color-overlay-wrap {
display: none;
}
}
Hey there, reopening this I got super frustrated and stopped using any custom icons, that is why the image above shows them all.
However I tried again on another site to add a custom social icon. I added the font etc, custom name, and it worked. This was maybe a week ago. Today I randomly noticed it was gone. Social icons are all in the header except for the custom “yelp” one I added.
I cannot deactivate plugins because this is a network and other sites are live.
Do you have ANY thoughts on why this happens?
Thank you.