Hi,
I can’t find the menu in question anymore, but we need to be able to inspect the elements in question, to be able to support you. Can you provide us a precise link please?
Try my code and add an !important into it:
#top #header .avia_mega_div > .sub-menu {
padding-right: 80px !important;
}
Best regards,
Andy
Hi,
let’s stay on one example first. So please provide us admin access, to the website mentioned in private content, so we can take a closer look into it.
Try to add an !important to the code:
#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
color: red !important;
}
Best regards,
Andy
Hi Basilis
Thank you very much for the swift reply.
You’re right it was a plugin problem, caused by the plugin “Autoptimize”.
Thank you now it seems resolved.
All the best,
R
I could fix it
I had the code on custom css
#top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
activated. I delete it. now its perfect
HI,
How can I achieve an effect like this:http://www.hyeres-tourisme.com/
I mean the transparency effect in left top corner.
Thanks
EdParticipant
Hi,
I’ve followed these instructions: https://kriesi.at/support/topic/contact-form-widget-for-sidebar/
With no avail. The form is not sending any email.
Ive inserted forms in a footer widget and in a sidebar
What could be happening ?
Thanks
why did you use the custom.css ?
on the majority of all cases the quick css will do the job too!
if the code above works for you only insert the .home class ( you see just behind #top : #top.home ) that is the specific code for homepage.
if you only wants to have it for landscape see mediaquerie above
aha : there comes a class with small screens:
@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
.responsive #top.home .no_margin.av_one_third {
width: 33% !important;
}
}
if you take the code globaly :
.responsive #top.home .no_margin.av_one_third {
width: 33% !important;
}
it works ! you have to find the settings for your landscape option – try to insert that code first and see if it works globaly for your homepage
Hi Yigit,
thank you. Both pages are fine now. But I am sorry. Unfortunately other pages lost their opacity:
Profil:
Accordeon has no opacity anymore.
Betriebliche Sozialberatung:
Three fifth column and two fifth column have no opacity anymore.
Gesundheitsförderung:
Both two half columns have no opacity anymore. Images here should be exempt from opacity.
Best regards,
Rolf
Hi there,
i made a color section on top of the page, height 250px, added custom background image and enabled parallax scrolling. Yesterday evening it worked perfect. Today morning, as i look at the page, the background image spreads over the whole content of the page.
Example: http://firex.werbeimpuls.at/brandschutz/
I tried to resetup the color section, also to use different image size etc. Nothing worked.
Thanks in advance for your help!
Kind regards
Patrick
can you please try this :
@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
#top.home .no_margin.av_one_third {
width: 33% !important;
}
}
you have to play yourself with these values a bit. i can not simulate it via Firebug or something like this for iphone or ipad – you have to set the rule first and than we will see.
if you want it globaly get rid of the orientation: landscape
the min-width should be corrected and the max-width perhaps if you like to set rules for tablets too.
-
This reply was modified 7 years, 5 months ago by Guenni007.
Hi, Yigit!
The first option I had to disable Sticky Header logo goes on the menu
View post on imgur.com
In the mobile version of an additional logo menu closes
View post on imgur.com
How to make the logo above for more menu at the top?
Thanks for your reaction Ismael.
unfortunately it does not work the way I would like it to work.
The way it was before I asked my question here:
On pc the logo disappeard when scrolling down.
On tablet the logo shrinked when scrolling down.
My question was how to make the logo disappear on tablet.
When Yigit changed the code, the logo went missing on pc and tablet.
When you changed the code, the logo was present on pc and tablet and on both devices the logo shrinked when scrolling down.
So, now I restored the css code that Bas Smits (participant) gave me on another topic I posted here (https://kriesi.at/support/topic/mobile-header-issues/). When I first added this code, the logo on pc disappeard when scrolling down. On tablet the logo shrinked. Now I restored the code but strangly the logo only shrinks and does not disapear anymore on pc and on tablet.
Can you please check one more time if you can help me? If it is not possible to let the logo disappear on pc as wel as on tablet when scrolling down, then my priority is to go back the way is was: logo disapear on pc and shrink on tablet when scrolling down.
Thanks!
Hey lunatrix,
Please try adding this at the very end of your themes / child themes functions.php file:
// Scroll to div
function scrollToDiv(){
?>
<script>
jQuery(document).scroll(function() {
var sections = jQuery('.avia-section'),
menu = jQuery('a[href^="#"]');
menu.on('click', function(event) {
var target = jQuery(this.getAttribute('href'));
if( target.length ) {
event.preventDefault();
jQuery('html, body').stop().animate({
scrollTop: target.offset().top - 200
}, 1000);
}
});
});
</script>
<?php
}
add_action('wp_head', 'scrollToDiv');
If yous till have any issues Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Vinay
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #s {
border: 1px solid #000;
}
Best regards,
Vinay
Hi,
Did they tell you exactly what’s causing the link to disappear? This is the html markup of the share container. You can see that there is no actual link so it’s not hidden, it is not rendered in the page.
<div class="enmse-copy-link-box" style="top: 566px;">
<h4>Copy and share the link below:</h4>
<a href="#" class="enmse-copy-link-done">Okay, I'm Done</a></div>
Please note that we don’t provide support for third party plugins as stated on our support policy. https://kriesi.at/support/register/#av_section_2
Best regards,
Ismael
Hi guys
Can you advise me on something please?
I would like to gain a small advantage by using my CDN (KeyCDN) to serve Google Fonts instead of calling the Google API (fonts.gstatic.com). This may have marginal speed advantages when I switch to HTTPS as I can enable HTTP/2 to make one less DNS call. As I already serve from my CDN it makes sense to serve the fonts from there too.
Apparently once placed in a root directory (done and with the correct cdn zonealias URL) I need to make a CSS to point to the CDN to serve the fonts. Fine, I have that CSS in two notepad files ready to go.
But, and here’s the question (eventually), can you advise me where to place the style-sheet within the theme? If I call it ‘fonts’ (or similar) then I must have to tell the theme where to call this from right? This is where I get a bit stuck so please bear with me.
This is from your forums on turning off Google fonts within the theme https://kriesi.at/support/topic/remove-google-web-font/ – is that the right thing to do? I just don’t know where to put the new CSS file and then how to point the theme to tell it where to pull the fonts from.
This has the information I have been following: https://www.keycdn.com/blog/google-fonts-cdn/
Hope you can help?
Kind Regards
Ed
-
This topic was modified 7 years, 5 months ago by Swarez.
Hi @feoleb,
try with these lines of CSS code ;
/*Mobile Styles================================================== */
@media only screen and (max-width: 767px) {
/*CHANGE TEXT COLOR TOP BAR*/
.av_secondary_left .sub_menu { color: #21456e !important;}
}
Hello, Can you provide me with some Quick CSS that will allow me to add an image to the background of the small top menu above the Logo area in Enfold. I’m able to add a background color, but now I would like to add a custom patterned background JPG.
Thanks for your help. – Gary
Hi webprodigy!
Please try the following
#top .avia_ajax_form .captcha { padding-left: 100px; }
let us know if we can do anything else
Best regards,
Basilis
Hi Asger!
Please take a look at the following code and let us know if it works for you
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}}
Cheers!
Basilis
Hello, I would like your help. I’m trying to disable link in a button but for a specific page.
From the topcs i found out : .avia-button.avia-size-small { pointer-events: none; }
(Quick CSS in Enfold theme options under Styling tab) and worked but affects all pages.
I also found in topics : .page-id-674 .post-entry a{text-decoration:none;}
(Quick CSS or custom.css)
How i combine both in order to disable link in a specific page for example “events”. Do i need to know a id for the page or just the name of the page.
Thank you
Hi
that does not work. I tried a few variations eg…
.menu-item-language a {
height: 38px !important;
top: 0px !important;
position: relative;
border: 1px solid;
}
I tried other margin setting etc and the border just does not sit around the text link IN THE RIGHT PLACE. If the default WPML is as per my original screenshot why is not possible to just get round whatever Enfold is doing to make it not look right?
thanks
Hello. I am using the following CSS to set the background color for the contact form fields on a website:
/*change color of contact form fields*/
#top .socket_color input[type="text"], #top .socket_color textarea{
border-color: #0a2f4f;
background-color: white;
color: #d18f2f;
}
On desktop, all the fields are the same color. However, on mobile, the email field is blue, while the rest are white. How can I get the email field on mobile to be the same color as the rest of the fields?
Appreciate the help but I found an answer online at youtube.com/watch?v=uZv5uLUfyas
#top .av_header_transparency {
background: rgba(0, 0, 0, 0.6);
}
That code does the trick…allows me to darken the transparent header (or change the color if I want) but doesn’t affect the mobile header color.
Hello, my top menu (with telephone) when I see it in mobile version iit has white backgroung and white font color, so I cna not read the content there. How can I modifgy it? the web site is http://clinicadentalaquitania.es/nuevaweb/
Thanks Yigit,
that did the trick!
Topic can be closed thanks a lot