Hi there
Thank you for these options – however patricianly good it doesn’t quite answer what I wanted. As we have no control over how a page is displayed when we turn on responsive settings this would only redirect to another page that I would design – but I still couldn’t control how the responsive part displays eg how many columns the blog or product page would display.
For example on the desktop site I have it set to show 3 columns of products – yet when viewing on the mobile it automatically shows as 1 column.
Cheers
Hi,
Great, glad you found a solution :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
Hey!
For anyone who is having an issue with the Google Maps Widget, please try the modification here: https://kriesi.at/support/topic/google-maps-api-error-missingkeymaperror-3/#post-677308
Regards,
Ismael
Hey paragonskydive!
Thank you for using Enfold.
Adjust the menu item bullet positioning with the following css code:
.avia_mega_div .avia-bullet {
margin-top: 10px;
}
Regards,
Ismael
Hey kilimats,
Thank you for using Enfold.
I’m sorry but that is not possible but you can disable the link completely with the following css code:
#top .dropdown_widget_cart div ul.product_list_widget li a {
pointer-events: none;
}
Best regards,
Ismael
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
I’m working on a site http://www.ftaarch.com
I’m having trouble making my first slider on the home page play nice. When I narrow my screen on the desktop the text breaks correctly. When I look from my iphone 5 or iphone se the bottom portion of the slider get’s hidden. It breaks when i check for android phones. I’m not sure how to fix this. any help?
Hi,
That is the default layout of the multi author blog style if the page has no sidebar. It will require a few css modifications in the Quick CSS field:
#top .fullsize .template-blog .blog-meta {
float: left;
margin-right: 50px;
}
#top .content .entry-content-wrapper .entry-content-wrapper {
padding-right: 50px;
padding-left: 140px;
}
#top .fullsize .template-blog .post_author_timeline {
display: block;
}
Best regards,
Ismael
Here is what I did:
1. Create a page with a portfolio grid on it for each category
2. Create a new menu using these category pages
3. Use the fullwidth sub menu content element at the top of each category page
This seems to be a tolerable workaround if you don’t have a lot of categories. (Make good use of layout templates.)
Hey Vinay,
Thanks for CSS but it’s not exactly doing what I need.
How do you find the selectors used in this theme? I have real trouble locating them in Chrome Dev Tools > CSS Selectors
Do you have a list of them used in Enfold we can access to customise?
I have tried updating Advanced Styling > Sub Menu Links and this does not give me the white background look I need either. White font is working on desktop but it’s still grey on mobile. Need white background also as red is so ugly and hard to read on mobile.
Menu Goal: (desktop and mobile)
White background
Red Title for Column
Black Font on Sub menu links
Text-decoration: none;
Portfolio – see any Details column used on (see private content)
etc (on all Portfolio pages). The column is chopping off text “Hervey Bay” but looks fine on mobile.
Button in same column looks right aligned on desktop and is now fine on mobile.
Hi,
Another problem is that two kinds of URL shows the same content, perhaps wordpress itself, perhaps the question topics, to find out.
That is a default url structure of WordPress.
This sentence can not be translated perfectly in a language pack.
You have to modify the file and change the string manually.
The third question is about sharing, I enfold use by the sub-theme of the way, I want to extend sharing capabilities, such as adding more in line with China’s local website to share channels.
Use the “avia_social_share_link_arguments” filter to add more sharing icons. Example:
https://kriesi.at/support/topic/xing-in-social-share/#post-585872
https://kriesi.at/support/topic/adding-whatsapp-button-on-social-share-buttons/#post-573570
Best regards,
Ismael
I’ve added a media query at 479px to swap the background image on a “Color Section”
If you make the screen smaller on a desktop, the image swaps out correctly. However, on an actual mobile device, the background, background-image, or background-position properties do not take. Mobile shows the same image as full-width desktop.
I’ve successfully tested changing the color on an h1 tag in the same element at the same media call to verify this isn’t a cache issue.
Does another class override the background properties on mobile?
Hi Rikard ,
here is how I solved the problem:
1 I updated all the plugins and also enfold theme at last version
2 checked on iPhone problem was still present , so this update did t solve the issues , still have strange text looking from a mobile device.
3 i disable every plugin one at time , when I arrived to jetpack , here was the problem. with Jetpack off , contents on mobiles was perfect , I could see my website like on desktop.
4 I re-enable jetpack (thinking now won’t work ! ) and all was fine. It seems that reset of the jetpack plugin solved the issues.
5 I had still errors on contact form , so i create again the page using this time the component “contact form”included into the enfold editor.
Now also contact form is visualised in correct way.
so all the issues from the moment seems to be resolved .
just for your info, let me know if you wanna still check my installation looking inside the backend
thanks , Fabrizio
Hi, i’ve tried adding the shortcode below to my quick CSS, but nothing seemed to have changed. It will really help with the user experience for my page due to the long scrolling.
Thank you so much!
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: fixed;
}
}

Hi there
I found in another topic a way to change the caption background in a fullscreen slider by adding the following code:
.caption_framed .slideshow_caption .avia-caption-title, .caption_framed .slideshow_caption .avia-caption-content p { background: rgba(52, 177, 199, 1); }
This is working perfectly fine, however, I would like to do the following and I hope you can help me with it:
1) Increase the padding (i.e. the area between the text and the edge of the caption’s background: http://dns.d.pr/vCIm/23BdHXze
2) I’m almost sure this is not possible but let me check. You Enfold support guys are just brainiacs (right Yigit?) :)
Is it possible to have background caption colors alternated from one slide to another? In other words… can I choose the caption background color for each slide within the same fullscreen slider?
I really want to avoid Layerslider as it is way time consuming! Thank you all
I figured it out. Used the code
nav.main_menu{
top: -40px;
}
Thanks a lot guys!!!
With clearing the cache you mean the browsers cache? If that is what you are suggesting then trust me that I have tried that, as well as different browsers on diffferent computers, I tried deactivating all plugins, I renamed the plugin directory, reinstalled the theme files and reinstalled WP. I ran out of ideas.
I don’t want to hijack this topic but I opened my own topic with the exact same issue and some other users joined that thread confirming exact same issues. I am getting desperate :(
Seems to be a common issue that the Advanced Layout Builder is not working in Pages but does work in Posts. In the last couple of days several topics were opened, including one by me. I tried all suggested solutions but cannot get it to work. Hopefulliy Kriesi will be able to identify the root cause soon as I cannot work on my website….
the code i gave you was site-specific ! so if you take this one the rules will work for all code-block / iframes:
.avia_codeblock {
height: auto;
padding-bottom: 65vh;
position: relative;
width: 100%;
}
.avia_codeblock iframe {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
}
if you like to put the iframe in a widget use a text in the widget and place the iframe code in that container:
<p class="iframe_container">
<iframe src="http://www.novafriburgoacidadequequeremos.com.usrfiles.com/html/cee4aa_e5e645abd11a757393a6c5b9893d821b.html" width="100%" height="100%" scrolling="no"></iframe>
</p>
than you can place as allways:
.iframe_container {
position: relative;
padding-bottom: 65vh;
height: auto;
width: 100%;
}
.iframe_container iframe {
position: absolute;
height: 100% !important;
width: 100% !important;
left: 0;
top: 0;
}
see here: Link
the reason why i did it in a text-block was the possibility to use widgets too
bytheway : its because iframes are allways difficult.
If you google to “is it good practice to use iframe”
there are tonns of lists where this point is discussed. From the point of seo as well. Performance Reasons too!
To have one or two the whole Site seems to be ok ( on youtube there is no other way)
-
This reply was modified 9 years, 7 months ago by
Guenni007.
Hi, Andy. I don’t know that adding media queries based on width will work. As I move the browser smaller and smaller, more and more of the slider disappears behind the side menu. From what I understand, I’ve have to set up a media query for every pixel width within a range between mobile (slider looks okay on mobile) to where the slider looks okay on laptop. Even then, I don’t know that the media queries would work because the slider seems to be calculating its settings (display width) as though the side menu weren’t there. It doesn’t seem to recognize that there is something over the top of it.
Hi Rikard,
thanks for your answer!
I made a short example page just with special headings in color sections – all sections are the same and it changes from white to grey background. And in the last sections the trouble begins – the margin top of the heading is much bigger and we found out that it is exactly the 50px from the general css.
Thanks for your help,
Sophie
Hi Starkos!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#scroll-top-link { display: none; }
.page-id-59 #scroll-top-link { display: block; }
and replace page ID to match yours
Best regards,
Yigit
Hey Andy,
thanks for your answer and advice.
I have deactivated all plugins one by one and checked if one is causing the issue. Unfortunately this doesn’t solve the problem.
I had already written in my previous post that on this side everything can be changed. Plugins can be also deactivated of course (however, this has already happened up to the TEC-plugins).
Very Important additional information – please read this:
https://theeventscalendar.com/support/forums/topic/sidebar-not-visible-after-updating-tec-to-4-2-5/#post-1154113
Best regards
Hans-Gerd
-
This reply was modified 9 years, 7 months ago by
hagege.
I would like to add the scroll to top link on just one page of my site. How do I do this?
Thank you.
Thanks Yigit for the prompt reply.
I already saw that link below i created my support ticket. I have checked that all those things arent the issue. Orders mails are actually, We used to receive this mails before, It just stopped working.
Dear Support,
My logo is 768x54px, i have to set the header in custom size, and i want to fix below
1. No idea why the logo is not clear after upload.
2. On mobile, it’s no top menu icon for select
Please help!
Thank you!
San
Hi!
I can only see three images in your footer column. Can you please insert the third one as well so we can see the issue?
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container
img {
background: transparent !important;
}
Best regards,
Yigit
Hey,
Just for info. I can see this is not resolved in enfold 3.7
https://kriesi.at/support/topic/tabel-make-entire-table-scrollable-error-enfold-3-6-1/
Regards Pete,
-
This topic was modified 9 years, 7 months ago by
2funky.
Hi,
link you’ve send does not work for me, please check.
Refer to: https://kriesi.at/support/topic/create-rollover-images/
Best regards,
Andy