Hey!
We are very sorry for the delay. We have created a workaround for those sections with parallax backgrounds. You can test it on your installations: https://kriesi.at/support/topic/issue-with-enfold-one-page-restaurant-demo-on-mobile/#post-585906
Regards,
Ismael
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Ok, that is why I recommended you to activate debug mode https://kriesi.at/support/topic/copy-a-page-from-one-enfold-site-to-another/#post-588224. If you do that you will get an additional field under the Layout Builder displaying the shortcode. If you activate the same feature on your new site you will be able to copy/paste the shortcode to the new site very easily.
If you have tried activating debug mode and can’t work it out then please post admin login details in private and we’ll have a look at it.
Regards,
Rikard
Hi!
Use the following:
#top .avia_ajax_form fieldset p {
display: inline-block;
width: auto !important;
float: none;
}
#top .avia_ajax_form fieldset p .text_input{
min-width: 320px;
}
#top .avia_ajax_form fieldset{
text-align: center;
}
Regards,
Josue
I found this thread, but it wasn’t able to resolve my issue: https://kriesi.at/support/topic/embedded-wordpress-post-wording-showing-on-contact-page/
I am running enfold 3.4.7 and have the language “Embedded WordPress Post” showing on the top of my contact form. I need this removed.
I am also not able to get the auto email to work to the user. I am getting a notification email on the admin end when the form is complete, but the email to the person that completed the form is not happening.
Appreciate any help.
Thanks!
HI there!
I want to have a link that directs you to a certain part of a page and presents the portfolio items sorted by a category I picked.
I have followed the instructions here https://kriesi.at/support/topic/linking-to-filtered-portfolio-ajax/ and they worked fine, it only stopped working when I added the anchor. Links on private.
Is is even possible?
Thanks so much!!
Hi Andy,
Following this reply you’ll find the link for the page regarding the subject. If you need my password for setup just say.
Regarding the link I am sending. You’ll see that on the top part, at the beginning of the page there is an opening video for the entire section entitled “MAN Maritime Diesel Engines”. This same topic is at the mega menu menu as category.
Bellow the video (MAN Maritime Diesel Engines – category), scrolling down, you’ll see an example of the next part of the page that is the subcategory “Operações Leves”.
So, At the Mega Menu when you point the cursor over Motors you’ll see the main category MAN Maritime Diesel Engines and the subcategories ( – Opercaçoes Leves, – Operacoes Medias and – Operacoes Pesadas.
The thing is that I want to do one page with all this topics linked with the exact topics at the mega menu so that when people choose it at the mega menu they topic you jump to the right part of the page exactly where is that topic.
I think that in order to do this kind of work I’ll need to use the attributes, anchor, id selection. I dont know. And there isnt a good tutorial on the subject.
Im trying to do this work mirroring myself (www.manrollo.com) on another website because it is the same product just different distributors…if you want to see how they did, you’ll find the same categories and subcategories and working exactly like I want and they also used enfold. E
I will put their website below.
Hope now I can be understood. Cheers!
if you are in Enfold Options Dialog you can even see on top for each language a flag (or on the tab side the language versions)
to transfer the options from your spanish version got to it and export the theme settings file – change language on enfold options and import that spanisch file This will copy all your settings. Is it that you meant?
By the way : for me it is not a bug – it is a feature. You can style every language Version in an own manner. Even Logo could be different – or menustructure.
-
This reply was modified 10 years, 1 month ago by
Guenni007.
I don’t know what happened, but my website suddenly stopped working without www. And also, I can’t access the WP-LOGIN no more. Please, help me.
I have a menu at the top and one in the footer. Menu items use the same id, resulting in duplicates. For example on my site:
<li id="menu-item-1309"...>
and at least three others, appear twice on the page.
Here’s my home page: http://kenblackman.com
Hi,
So long as you haven’t made too many changes to the theme options you can reset ALL options to default by clicking the bottom left button (it’ll be grayed out).
As for the beadcrumb…..
.title_container .main-title a {
color:#EEBBEE !important;
font-size:20px;
}
That code changes the title part of the breadcrumb
.breadcrumb-trail, .trail-begin{
font-size:20px;
color:#eebbee!important;
}
.trail-begin:hover{
color:yellow!important;
}
That code will change the size / color of the actual breadcrumb. .trail-begin is the class of the link and will change yellow in above example.
Depending on how big you make the font you may need to pad down the breadcrumb so it looks neater.
If that’s the case add this too…
.breadcrumb-trail{
padding-top:20px;
}
Hope that helps
TJ
Info below,
I would like to increase the logo size on Mobile view, and on the sticky area.
In the top area, i would also like to increase the font size. Where the phone number and 2 links are.
thanks
Hey!
Add the below provided code to Enfold > General Styling > Quick CSS
Please feel free to change the blue to any color value you like.
/* Custom Menu Styles*/
.av-subnav-menu {
display:flex;
justify-content: space-around;
background:blue;
}
#top .av-submenu-container, .av-submenu-container {
background-color: transparent;
border:none!important;
max-width:1200px;
margin:0 auto;
left:50%;
transform:translateX(-50%);
}
.av-submenu-container li:hover {
background-color:red!important;
}
To remove the divider in the menu go to Enfold > General Styles > Logo Area > Border colors
Delete the color value and save changes
or
Enfold > Header > Separator between menu items > No Separators
Cheers!
Vinay Kashyap
Ahoy –
Having a couple issues with the mobile version of my site, hoping you can help.
– Anyway I can have the menu stick to the top when the user scrolls?
– Anyway I can charge the background color of the mobile header?
-Anyway I can center the logo in the mobile header and make it a tad bigger?
– Anyway I can move the Girl Snap out of it logo in the top section (underneath it says Available on amazon) down a little on mobile? I need it so the header overlapping it.
Hey!
Try adding this code to the Quick CSS:
#top .avia-position-center {
margin: 0 auto;
max-width: 120px;
display: block;
}
Cheers!
Josue
Hi again,
I almost figure it out… make some changes in CSS, but couldn’t positioning it in one place for all page templates, that way I just add Display widget plugin and allow it just for shop pages, products, categories and etc.
Couldn’t put it in main menu instead of search icon, but I found it place in up right corner…
Now I have 2 other problems:
Problem 1
I am not able to control the position of the widget area place on mobile layout and the header widget ares stays behind mobile menu, so it is very hard to switch the currency.
Problem 2
It stop switching the price in single product. It just blink the switched price in dollars for example and after that load the price in EUR, but with dollar sign. This is just in the single product template, all others are good and everything is working properly..
I will be very happy if you help me figure this out!
Thank you in advance for your assistance.
Regards
Ivan
Hi guys,
This is the first time I am using Enfold in combination with the left sidebar layout and I run into a few issues. Since you always ask for different topics I will create these. I hope you will be able to revert soonest possible, as this website needs to be launched soon…
2) In website styling > Logo Area I used a background image that nicely covers most screen sizes. The bg image needs to scroll since there is quite a long menu. However, under a certain height of the screen (approx. 786 px) you can see a yellow bg which comes from the theme options, but which is very ugly to see (see print screen left sidebar). This is for example the case when using a screen size og 1024 x 768 px (laptop, tablet).
It doesn’t really look nice on mobiles either, since there we see a yellow field next to the header bg image (see print screen left sidebar on mobile).
Is there a way how we can fix the sidebar bg and scroll the content (menu) so that we don’t see the yellow bg anymore?
Thanks & regards,
Monique
Hi guys,
This is the first time I am using Enfold in combination with the left sidebar layout and I run into a few issues. Since you always ask for different topics I will create these. I hope you will be able to revert soonest possible, as this website needs to be launched soon…
3) There is an issue with the background colour for the logo area and the main area. In theme options > website styling I set the background colour of the logo area to #ffd950 and the bg colour of the main content to #ffffff. The bg colour of the logo area is shown also on the main content (see print screen bg colour). It seems as if all styles for the logo area are being used for the main area.
I have seen the same issue mentioned in topic #533165 (November 10, 2015). Andy mentioned (#544748 November 30th, 2015) that this would be fixed in the next update. The last update was December 18th, 2015 (version 3.4.7).
Has this been taken care of in that update or not yet? If yes, what is wrong here with my site? If not, when will this be updated and how can I fix this in the meantime?
Thanks & regards,
Monique
Hi guys,
This is the first time I am using Enfold in combination with the left sidebar layout and I run into a few issues. Since you always ask for different topics I will create these. I hope you will be able to revert soonest possible, as this website needs to be launched soon…
1) Obviously with left sidebar layout you don’t get any header options. How can I get the breadcrumbs to work with this layout?
Thanks & regards,
Monique
I’ve fixed all this problems, but now i have new!
On my macbook pro 13″ i have very nice picture of centered logo, but on acer 14″ logo moves to the right and its over some menu items (Google chrome at both pc’s).
I’ve used quick css:
.av-main-nav li:nth-child(4) {
margin-right:50px;
}
.av-main-nav li:nth-child(5) {
margin-left:150px;
}
.av-logo-container {
position:absolute;
left: 160px;
}
#header_main_alternate {
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
z-index:9;
}
.logo {
z-index:9999!important;
max-width:400px;
}
and i still want logo like this:
http://lapastafresca.ru/contacts/
Next one problem is that main page with fullscreen slider doesn’t work properly (tested in Safari on macbook and iphone 5/6):
I can see white background and button instead of fullscreen slider and button with heading.
But in google chrome is ok…
Help me please make it work properly.
Thank you!
And to remove the previous / next arrows try…
#top .avia-post-nav {
display:none!important;
}
TJ
pay attention on your brackets ! (you see the difference? after display: block – a closing curly bracket – and then a new rule )
and padding never has negative values ! (in difference to margin – which could have)
#header .mega_menu_title {
margin-bottom: -10px;
font-size: 12px;
line-height: 0.5em;
font-weight: 80;
display: block;
}
#top #header .avia_mega_div > .sub-menu {
padding: 10px 20px;
}
#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: 0;
}
Hi!
Please try adding following code to Quick CSS
@media only screen and (max-width: 1024px) {
#top .av-rotator-container-inner {
padding-top: 300px; }}
You can also refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and choose to display another element on mobile :)
Best regards,
Yigit
Hey frankstillone!
it looks good to me on mobile. Same as on desktop to me. What do you want to change?
Best regards,
Andy
Maybe my solution will work for you to: https://kriesi.at/support/topic/woocommerce-quantity-selector/#post-588430
Hi!
I think you should try another approach. Put this into your header widget instead:
[av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_textblock size='' font_color='' color='' custom_class='']
√ Al meer dan 30 jaar uw lichtontwerper
[/av_textblock]
[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_textblock size='' font_color='' color='' custom_class='']
√ Merkonafhankelijk advies
[/av_textblock]
[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[av_textblock size='' font_color='' color='' custom_class='']
√ Fotorealistische lichtpresentatie in Dialux Evo
[/av_textblock]
[/av_one_third]
And then you can style it using this css code inside your Quick CSS field:
#text-10 .textwidget .avia_textblock p {
color: green;
position: relative;
top: 53px;
}
Then it will work on mobile too and/or it will be much easier to adjust it for mobile.
Regards,
Andy
Hi Guys,
I could not find a thread who solves my needs, so hope you can help me!
I use the mobile menu also as desktop version and I would like to show the Woo Cart icon on the left hand side of the mobile menu (permanent) without overlapping the main menu icon.
The ideal space between both icons (is like shown in the PDF = iPhone 6 Plus vertical)
In the private content you will find a screenshot, how the icons currently flow (dropbox)
Hope my explanation is clear for you guys.
Thanks a ahead
Cheers
Mike