Does Enfold have a ‘back to top’ button built in to reduce scrolling on long/mobile pages?
Hi,
you could do this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then build one element for which you hide on desktop only and vice versa. For example:
.hide-on-desktop {
display: none;
}
Use “hide-on-desktop” as custom class.
Best regards,
Andy
#top .title_container .container {
min-height: 35px;
}
.title_container { height: 35px; }
.title_container .main-title {
line-height: 1.3em;
}
#top .title_container .container {
padding: 0;
}
.js_active .top_tab .tab {
font-size: 16px;
}
Not bad a final thing; moving the titel a bit to the right side… ?
http://www.permatree.org/wp-content/uploads/2016/07/Bildschirmfoto-2016-07-18-um-09.31.37.png
Thx!
Btina
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .fullsize .template-blog .post .entry-content-wrapper > *,#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100%;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hey!
Please add following code to Quick CSS as well
#top .title_container .container {
padding: 0;
}
.js_active .top_tab .tab {
font-size: 16px;
}
Best regards,
Yigit
Hi
Im trying to add a few images with shortcode inside a tab and when image has caption they are not aligned in top the start to cascade.I think its the same if used inside Accordion or elsewhere as shortcode. (check on the page)
Also i saw the caption is always in italic.Is there a way to have it normal or to change font size to it can be more readable.
Thank you very much
Thanks again!
It is not a problem to upload things. About the intended screenshot/mockup, it is pretty much what you find in Enfold’s “start-up” template Home page: the image of a laptop with several hotspots pointing out to different regions of the screen. The difference is the actions associated to every hotspot.
I uploaded a screenshot of what I can do now. You can see a small Play/Pause button on the bottom that I added with the Code Block as
<input type="button" onclick="VolumeSample.toggle();" value="Play/Pause"/>
I defined the JS function VolumeSample.toggle in another Code Block, which contains includes to JS files. When you press the button, a given audio is played/paused. It works. As I said, that is a simple example, but just for the sake of illustration. What is behind the JS function is related to WebAudio API, but it does not really matter much what (but in the future it is not going to be simply play an audio file).
My goal would be the hotspot to do exactly what that small button does, that is, to execute said JS function when clicked upon.
-
This reply was modified 9 years, 7 months ago by
kieslingerb.
Hey hdpcr!
Please add following code to Quick CSS
.your-custom-class .tab {
border-bottom: 1px solid #be202d;
margin-bottom: 1px;
}
.tab.active_tab {
border-bottom: none;
}
.js_active .active_tab_content {
border-color: orange;
border-width: 2px;
background: green;
}
.js_active .top_tab .tab {
font-size: 16px;
}
Best regards,
Yigit
Hey olppa,
please open different tickets for different questions/problems.
1.+2.) Use this inside of Quick CSS field:
#menu-item-search {
top: -115px !important;
width: 28%;
}
and adjust as needed.
3.) Login does not work for me. Please check.
Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.
In addition to that, please let us know if we are allowed to deactivate one or more of your plugins as well for testing purposes :)
Best regards,
Andy
Hi!
I’m having the same problem as Şanlı was experiencing when this thread was first opened. I have and easy slider on my home page that looks great on the Desktop view. But in the tablet and mobile view, the text is to big and not positioned correctly, even with the mobile menu set to the smartphone and tablet option. I’m using buttons in the easy slider as well and as you mentioned earlier, these wont display on mobiles anyway.
So, I’m wondering if it is possible to display a different image completely on the tablet and mobile view? This way I can just recreate the each slide as a single image (image and text) that the user can click on rather than use a button.
Sorry if this makes no sense… I know what I mean :)
Kind regards
Nicole
Hey lenvo,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
ul#mobile-advanced {
padding-top: 0;
margin-top: 119px;
}
Best regards,
Yigit
Danke.
Habe ich somit erstellt:
Hi!
Can you please try using following code
a#advanced_menu_toggle:before {
content: 'Menu';
font-size: 14px;
top: -7px;
position: relative;
}
If that too does not help, please create a temporary admin login and post it here privately so we can look into it
Best regards,
Yigit
Hey!
Please add following code to Quick CSS
#top .title_container .container {
min-height: 35px;
}
.title_container { height: 35px; }
.title_container .main-title {
line-height: 1.3em;
}
Best regards,
Yigit
Hi,
Yes, we are aware of it as well. Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161
Best regards,
Yigit
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
wie können wir dir bei diesem Punkt weiter helfen? der Lösungsweg ist ja bereits von Yigit exakt beschrieben. Du kannst es auch hiermit versuchen: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Gruß,
Andy
Hi all
I’v found the code for the telephone “ue854” which is this = “📞”
but I need the same code for the mail icon… I’v looked everywhere and the best place I think is here http://www.entypo.com/characters/ but its a 404 dead link?
I got the &# code for the phone from this link https://kriesi.at/support/topic/icon-embed-into-text-block/
Could you please give me the &# code for the mail icon?
Thanks in advance Ben
Thanks Vinay,
The site in question is in the private reply
The elements in question are the phone number, email icon and woo commerce cart icon in the top right of the page.
Thanks,
Tim
Hi, why are there many bugs on mobile device browsing?
I found that many elements are disappeared on mobile device.
All problems below are only appeared on mobile device.
1. myCred points and “Go Shop” button are invisible only if refreshing the browser.
Screent shot 1: http://baiiweii.com/wp-content/uploads/mycred-shop-before.jpg
Screent shot 2: http://baiiweii.com/wp-content/uploads/mycred-shop-after.jpg
URL: http://baiiweii.com/profile/
username: testtest
password: fka120jcja
2. Responsive menu is hidden on top-right side, and it’s not normal.
Screen shot: http://baiiweii.com/wp-content/uploads/menu-error.jpg
3. Pricing fields are disappeared on shopping page.
Screen shot: http://baiiweii.com/wp-content/uploads/pricing.jpg
URL: http://baiiweii.com/product-category/meat/
Hey Sam,
To turn off responsive feature of the site and switch to the desktop view in mobile devices please uncheck the “Responsive Site” option in Enfold > General Layout > Dimensions
Best regards,
Vinay
Hi guys!
Congrats on the theme! It is indeed wonderful!
One question: I set up anchor links here http://www.sangriadanat.com.br/WEB/ and the most odd thing is happening.
When I click a link on the menu, the page scrolls down just a little bit, like 50px, and then stops, as if all anchors were right there, together. Really weird!
Any clues?
Thanks!!
Hi,
I have a problem withe the title of my home page. It’s not the right text showing in the top of the browser window.
Normally I specify the title in wordpress, on the top of the page (see picture link in the private content form below) and the title appear on the top of the browser window. All titles in all page of my website work except for the homepage title. Why the home page title dont change if I change it in the WordPress backend page ?
I also tried with the plug-in ‘All In One SEO’ but it does not work, the title does not change.