Rickard,
What causes the Full Screen Slider – to not be responsive.
It happens when you add a caption, the captions stops the slider from being responsive.
I have waited for 5 days with no solutions from your team, so to keep this project moving forward, I have had to move on.
Let me know when you have found the bug that causes the Caption Option from making any of your Full Screen sliders images to not be responsive and that you have fixed this bug,. I would very much like to have that ability, but on this project I cannot wait any longer.
Thank you and consider this closed.
Respectfully,
Kelly
Hey Tilman!
Would you like to add text “menu” to your menu? If so, please add following code to Quick CSS
#advanced_menu_toggle:after {
content: 'Menu';
font-size: 18px;
position: relative;
top: -4px;
left: 5px;
color: black;
}
and adjust as needed
Cheers!
Yigit
Thanks Rikard! I changed it to 2px and it’s perfect!
Topic solved!
Much appreciation,
Jas
Hey Draidel,
No problem, I’ll close the topic for you.
Thanks,
Rikard
Hi,
Sorry for the problems, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi michael_world2cycle,
Please try the following in Quick CSS under Enfold–>General Styling:
#top #header_meta {
background-color: white !important;
}
Best regards,
Rikard
Hi,
Glad you got it working again, please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi,
Ok, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
No problem, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Please try it at the top of the page, if you can’t work it out then please send us an admin login in private.
Best regards,
Rikard
Hi,
You will get that “error” on any page you analyse which is using JavaScript and CSS, all files are needed where they are for the look and functionality of the theme. Using a minify plugin will put all of the files the google tool doesn’t like together into one, but you will still get the same error afterwards.
If you reply to your own topic you send it to the back of our support queue so please try to refrain from doing that.
Thanks,
Rikard
Hey –
I searched through the forums but couldn’t find this specific change request.
When using the Fullwidth Easy Slider as a header at the top of the page – I have the image set to open a lightbox. Is there a way to disable the white fade on hover for just the fullwidth slider?
Also – on my right column – near the bottom – I have a Post Slider above some other content. When the post changes the height sometimes changes as well and content below moves up or down. I was playing with the different image size selectors but none of them seemed to do the trick (unless I missed one). Any thoughts?
Lastly – this is a more a request that would make the theme super awesome – allow us to edit templates after they have been saved. I’m sure the logistics are horrifying but it would be quite handy.
Thanks for your help!
E
Hello,
I’d like to change the phone info above the top header so that, when the page is scrolled all the way at the top, there is a dark, glassy transparent background behind the text (exactly like the header), but when it scrolls down that disappears (again, like the header).
I have:
phone-info {
font-size: 12px;
font-weight: 300;
background-color: rgba(0,0,0,0.4);
}
But that only provides the background behind the text; I want it to span the entire page. Additionally, when I scroll down, I want that top bar to remain blue and not have the overlay. How do I do this?
Many thanks,
Chris
-
This topic was modified 10 years, 3 months ago by
dunawaychris.
Hey!
Thank you for the screenshots. The second one looks like the better option so you can try this:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
display: none;
}
.html_header_top.html_bottom_nav_header #header_main {
padding-bottom: 20px;
}
#advanced_menu_toggle, #advanced_menu_hide {
position: relative;
right: auto;
top: 50%;
margin-top: -15px;
margin: 0 auto;
}
}
Cheers!
Ismael
Hey!
You can use this css code:
#top #header .avia_mega_div > .sub-menu > li > ul li {
font-family: Arial;
font-size: 11px;
}
Best regards,
Ismael
The issue seem to come with WPML, when its activate the issue happens and when i desactivate it its stop.
I have the last version of WPML
Hi there!
I set my header layout to be logo left / menu below. I would like the phone number/extra info/social to display in the main header area, directly across from the main logo (to the right of the logo and in line with it). Currently, the phone number/extra info is in the top bar to the right, which adds extra space to my header because I’m using 3 lines of text for the extra info.
If I attempt to add padding, it pushes the entire menu up or down, which is not what I’m looking for.
I would like to use this layout for the both transparent and regular headers.
Thanks in advance for taking a look at it!
Lora
After spending many hours I have determined what causes the Full Screen Slider – to not be responsive.
If you add a caption on the first slider it stops the slider from being responsive.
Hi,
on my page below I use the contact form. I want to have the send button – only the button and not the field headlines – to align right.
I tried the options mentioned i this this entry
https://kriesi.at/support/topic/contact-form-submit-button/
With current CSS:
.main_color input[type=’submit’] {
left: 75%;
position: relative;
}
…it does not align properly at smaller screens & tablet, and with the CSS mentioned later there, everything moves right (an not only the button).
Do you have any idea? Thx a lot & best regards, Tilman
Hi Munford!
Please deactivate all active plugins and refresh the page and activate the plugins one by one to find out which plugin is causing the issue.
in the mean time you can add the below css in Enfold > General Stylings > Quick CSS
The below css will add extra paddings to the headings so it is better visible till the plugin conflict is resolved.
.container_wrap {
clear: both;
position: relative;
/* z-index: 1; */
border-top-style: solid;
border-top-width: 1px;
padding-top: 30px!important;
}
Best regards,
Vinay
Hi,
I love this theme and have been enjoying being creative with it so thank you.
However,
1.I have searched a few times to try to find how to make the header transparent on mobile menu and none of the CSS has worked for my site. So I’m requesting help in this area.
2. On the mobile view, the Image slider no longer extends the whole way to the top of the page like the desktop version does. It drops below the header, I would like it to be Identical to the desktop site.
Please advise thanks!
I purchased Enfold yesterday and uploaded it to my Themes folder and “Activated” it in my WP dashboard. I had confirmed that I had the latest version of WordPress and I was previously using your Upscale theme for the past few years. Once I activated the new Enfold theme, the screen immediately went white and I am now unable to see my website or log onto my WP Dashboard. I looked up similar topics in Support but they all seemed to still be able to get into their WP Dashboard. I use Aplus.Net as my provider and they do not support technical issues with WordPress. Please help!!!!
Hello together,
if I use the avia testimonial page builder element, the testimonials are quite too small in the mobile version.
There is too much white space on the left and right side of the element.
I already tried the following css code, but it didnt work.
@media only screen and (max-width: 768px) {
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0px 0px;
}}
Please help me to remove the whitespace.
Thank you so much and have a nice weekend :)
Screenshot: http://www.bilder-upload.eu/show.php?file=9023cc-1453039804.png
Hi tonyska,
Please try the following in Quick CSS under Enfold–>General Styling:
#top .avia-slideshow-button {
margin-top: 0px !important;
}
Regards,
Rikard
Hi,
Great, glad you found another solution. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi,
I am having a problem changing the field input/dropdown menu font colors in WooCommerce.
I have tried suggestions in the forum, but have not found the solution.
Inspecting the element show the class to be:
#top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea{*}
When I edit this with:
color: #000000!important;
border-color: #ffffff!important;
The email, phone and Order note area change, to black with white background but input text is black, the other input fields remain white with black text and the State dropdown remains white with white variables.
I have a black background so I want to get all the fields to either be white input fields with black text/variables or black input fields with a white stroke border and white text but I cannot seem to get the correct areas all targeted.
Can you help me with this?
Site and creds are below.
Thanks in advance.
i have this same question and also i want to add the comment box at the botton of avery post. help please. Do you have tutorials bout this topic?