Viewing 30 results - 361 through 390 (of 1,181 total)
  • Author
    Search Results
  • #1104199

    Hey DesignProvider,
    Sorry for the late reply, this seems to be an opera browser issue, so there is not much we can do to correct this.

    Best regards,
    Mike

    #1103212
    DesignProvider
    Participant

    Hi,
    i’m reporting that the pricelist in sushimiyabi.it is autoscrolling to start/end section in opera browser (iphone). It’s very boring for visitors that have not enough time to read before autoscroll…
    How can i disable that?
    In other browsers, android devices in everything good…

    #1102441
    esven
    Participant

    Hallo,
    ich arbeite an der Aktualisierung meiner Webseite.
    Nun meine Frage, und ich kann mir fast denken, dass es was sehr einfaches ist, ich finde es nur nicht.
    Wie kann ich erzwingen, dass man die Bilder immer komplett sieht. Die Bilder also automatisch je nach Bildschirm verkleinert werden, ohne, dass gescrollt werden muss.
    Auf der Seite unten funktioniert dies auf keineren Bildschirmen, auf meinem Laptop muss ich jedoch scrollen.
    Vielen Dank für eure Hilfe!!!

    #1101144

    Topic: Glassy Header issues

    in forum Enfold
    Troom94
    Participant

    Hello! I have some problems with the glassy header on my Home page.
    I use a sticky header that is shrinking when scrolling down. I also have a phone info bar on top.

    1. I don’t want the phone info bar to be transparent. How can I change the transparency of it (only for the phone info bar, not the whole header)?

    2. The other pages are not set to Glassy Header and seem to overlap the content and I can’t tell why. I only want the Header on the Home page to be Glassy. On the other pages I only want the shrunk header to be glassy/transparent (This works right now, the only problem is the overlap)

    Here is all the CSS I haved used on my website so far:

    .container.av-logo-container {
    margin-bottom: 10px;
    }
    
    .container.av-logo-container {
    margin-top: 10px;
    }
    
    #top .main_menu .menu li > a {
    padding-top: 0px !important;
    }
    
    #top .social-bookmarks > a {
    padding-right: 10px !important;
    }
    
    #top .social_bookmarks {
    top: 0px !important;
    }
    
    .phone-info {
    font-size: 17px;
    }
    
    .avia-caption-title, .avia-caption-content {
        background: rgba(98,154,206,.8) !important;
        padding: 20px;
    }
    .avia-caption-title{
        display: inline-block !important;
    }
    .avia-caption-content{
        width: 100%;
    }
    .avia-caption-content p{
       margin: 0; 
    }
    .caption_bottom .slideshow_caption{
        bottom: 20px !important;
    }
    
    #slideshow_big .slideshow_caption {
    
    width: auto;
    
    }
    
    .slideshow_align_caption {
      text-align:middle !important;
    }
    
    .header-bg, .header_bg { opacity: 0.6 !important; background: white !important; }
    davealexander
    Participant

    The full-width easy slider automatically scrolls and there doesn’t appear to have any way of pausing or stopping the slider and restarting as needed. is there any way to do this.

    The site under construction. So please login to the dashboard to access the website.

    Hi,

    We would like to apologize for the late response.

    We disabled the header transparency on tablet view by adding the following css code. The anchor now lands above or scrolls to the corresponding sections properly.

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet #top #wrap_all #header {
        position: relative;
        width: 100%;
        float: none;
        height: auto;
        margin: 0 !important;
        opacity: 1;
        min-height: 0;
    }
    
    #top .av_header_glassy.av_header_transparency .header_bg {
        background-color: #fff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }
    
    #top .av_header_glassy.av_header_transparency #header_main {
         background-color: #ffffff;
    }
    
    #top .av-submenu-container.av-sticky-submenu {
        position: absolute !important;
    }
    }

    Best regards,
    Ismael

    #1095974
    Burnt Pixel
    Participant

    Is there a way for Enhold to display image captions to all product images?

    I’ve tried the css from: https://kriesi.at/support/topic/how-do-you-put-a-caption-below-an-image/ with no success–but I didn’t see captions anywhere, so I was thinking there may be something else awry here.

    .av-image-caption-overlay {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
      bottom: -20px !important;
      color: black !important;
      height: auto !important;
      left: 50% !important;
      transform: translate(-50%) !important;
      width: auto !important;
    }

    Thanks!

    #1093313
    This reply has been marked as private.
    #1093284

    In reply to: update template

    Hi Theo

    It’s exactly what I thought. So the code for your background currently looks like this:

    background: #fff url('https://grondenafbraakwerkenjohny.be/grondenafbraakwerkenjohny.be/wp-content/uploads/2018/08/1.jpg') center center no-repeat scroll;
    }

    And obviously this does not work – I don’t know the theme does that magic here…

    To fix it please download this CSS file via FTP:
    /wp-content/cache/autoptimize/css/autoptimize_single_b3e52351746114ae1b5fcd8c47db49ea.css
    a) Edit it, and replace the URL with https://grondenafbraakwerkenjohny.be/wp-content/uploads/2018/08/1.jpg
    b) Upload the fixed CSS file again to the same directory where you downloaded it from.

    For the other website, navigate to this file with FTP:
    /wp-content/cache/autoptimize/css/autoptimize_single_a1f021c35e306af62ad542b953a83766.css
    a) Replace the URL with https://ibglaswerken.be/wp-content/uploads/2018/08/glaswerken-IB-header.jpg
    b) Upload it again and it should work again.

    I hope you are familiar with FTP, otherwise a moderator needs to help here I guess.
    I hope this helps :)

    Best,
    Michael

    Hi,

    Thanks for the update.

    Try to adjust the scroll offset value to adjust where the auto scroll lands when you click on the submenu item.

    // https://kriesi.at/support/topic/link-in-footer-to-anchor/#post-970924

    Adding a higher offset value means that it will scroll above the default position and lower value creates the opposite effect.

    Best regards,
    Ismael

    Hey your forum automatically replaces http with https in code snippets. That is weird. In my code snippet posted above the path is

    .alternate_color {
    background: #719430 url(https://brandenburgische-akademie.de/wp-content/themes/enfold/images/background-images/floral-light.png) top center repeat scroll;

    • This reply was modified 6 years, 9 months ago by Metasequ0ia.
    #1090139

    This link is all about video autoplay, all I’m trying to get to work is simple text to appear over the background image, which I can’t believe is restricted by bandwidth limitation. Anyway, the text does appear, it just needs prompting with a scroll of the screen. Can someone please give me answer/solution worthy of the £100 I’ve spent on this theme so far – and please bear in mind it’s taken six days to get two responses.
    N P

    #1089038

    On my iPad Air, my Lenovo tablet and my phone, when the homepage appears the sliders don’t autostart like they do on my desktop pc. I have to scroll the screen to make the text start to appear. Did the text appear on your device without having to touch the screen?

    Cheers

    Neil

    #1086281
    ijgeoffrey
    Participant

    Greetings,
    I’m trying to create a Q&A information section on a client’s website. The Accordion/Toggle element is exactly what I need, except for one thing–my client really wants there to be images with each question. Unfortunately, the Accordion/Toggle element is text only.
    I am experimenting with placing linked images above the Accordion element, linked with the anchor (e.g., #toggle-id-1) associated with the proper section of the Accordion element. Clicking the linked image does indeed trigger the Accordion, but it also causes the page to scroll down to the question instead of just staying where it is.
    Is there a way to use an image, such that when you click it, it triggers the Accordion to toggle open, without any automatic scrolling? I want the Accordion to work exactly the way it normally does, but triggered by clicking the image, instead of by clicking the question on the Accordion element.

    #1084747
    goldengate415
    Participant

    Hi there,

    As you know, many of us use Enfold along with the real estate plugin called Optima Express by iHomefinder to display home listings on our sites.

    They have rolled out a new search functionality called “Eureka Search” on their plugin and demo site which I would like to implement. It features a sticky map which is supposed to stick to the top of the screen as the user scrolls through listings. They are saying that Enfold has a conflict with this behavior and that I should come to you with a support request. I told them that this seems more like a plugin issue since the behavior also exists when I switch to default WordPress 2019 theme. Their response was that it works with the WordPress 2015 theme (!).

    Knowing that there are other Enfolders (is that a word?) using this real estate plugin, I imagine this will come up for others as well, so I am working with them to try to solve it. They gave me the below code which I have no idea what to do with, but thought I would pass it along in case it makes sense to one of you. (pasted below)

    I am wondering if this is something you want to take a look at so that Enfold continues to be compatible with iHomefinder / Optima Express?

    Thanks,
    Rob

    code:

    <script type=”text/javascript”>

    window.onload = function() {

    let eurekaContainer = document.getElementsByTagName(“ihf-search”)[0];

    if (eurekaContainer != undefined) {

    overflow(eurekaContainer);

    }

    function overflow(element) {

    while(element) {

    var style = window.getComputedStyle(element)

    if((style.overflowY == ‘hidden’ && style.overflowX == ‘hidden’) || (style.overflowY == ‘auto’ && style.overflowX == ‘auto’)) {

    element.setAttribute(‘style’, “overflow: visible;”)

    }

    if(style.overflowY == ‘hidden’ || style.overflowY == ‘auto’) {

    element.setAttribute(‘style’, “overflow-y: visible;”)

    }

    if((style.overflowX == ‘hidden’ || style.overflowX == ‘auto’) && (element.tagName != ‘html’ || element.tagName != ‘body’)) {

    element.setAttribute(‘style’, “overflow-x: visible;”)

    }

    element = element.parentElement;

    }

    }

    }

    </script>

    werral21
    Participant

    Hello,
    my website(s) show HTML code now (customer view) and the Enfold editor isn’t shown/usable. The is only a lot of HTML code shown.
    I’m not sure if the problem is the WP update to 5.X or installation of plugin Yast SEO (in meantime deinstalled, but problem stays).
    In the meantime I switched to the classic editor again, but had no effect.
    I’m not experienced with WP, used a homepage builder before, but switched to WP Hosting and Enfold Theme for more possibilities.
    Here a short description of my system landscape:
    # 1&1 WordPress Hosting
    # Multisite:
    4 Websites with different Designs
    # Plugins/Themes:
    – WP MultiPurposeTheme “Enfold V.4.5” mit Avia Layout Builder (instead of the standard WP editor)
    – DuplicatePost
    – BackWPup
    – a3 Lazy Load

    Example of failure (shown to endusers on website):
    RALF WERKLE<br /> – Der VäterErMuTiger -<br /><br /><br /><br /><br />

    Working on the websites, the Enfold Editor isn’t shown any more, but HTML-Coding:
    <p>[av_headline_rotator before_rotating='RALF WERKLE' after_rotating='' multiline='aviaTBmultiline' interval='7' animation='fade' margin='' margin_sync='true' tag='h1' size='3vw' align='center' custom_title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av_uid='av-jo4k6qs8' admin_preview_bg='']<br />[av_rotator_item title=' - Der VäterErMuTiger -' link='' linktarget='' custom_title='' av_uid='av-3kl8xf']<br />[av_rotator_item title=' - Väter- und MännerMentor -' link='' linktarget='' custom_title='' av_uid='av-3fmxy3']<br />[av_rotator_item title='- Vater werden ist nicht schwer, Vater sein dagegen sehr -' link='' linktarget='' custom_title='' av_uid='av-38offf']<br />[av_rotator_item title='- Ziel ist es, das unnötige Leiden in den Familien zu beenden. Durch Befähigung und Bewusstwerdung von Vätern, Müttern, Eltern! -' link='' linktarget='' custom_title='' av_uid='av-b1amb']<br />[av_rotator_item title='' link='' linktarget='no' custom_title='' av_uid='av-2wx9mr']<br />[/av_headline_rotator][av_fullscreen size='extra_large' image_attachment='' animation='slide' conditional_play='' autoplay='true' interval='5' control_layout='av-control-default' scroll_down='aviaTBscroll_down' av_uid='av-jo4skv92']<br />[av_fullscreen_slide id='422' av_uid='av-2ovsc3'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='419' av_uid='av-2ms5cb'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='421' av_uid='av-2dr8kz'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='418' av_uid='av-28jqkz'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='406' av_uid='av-207vtv'][/av_fullscreen_slide]<br />[av_fullscreen_slide id=’407′

    I’m not sure what to do. I thought about updating the enfold theme, but did the mistake not to use the enfold child theme.
    Therefore I expect the loss of my developments with an update to higher version.
    What do you recommend? Can s.b. assist my with transferring the developments to the enfold child theme before upgrading?
    What is the best way and the next steps?

    Thanks in advance.
    BR, Ralf.

    #1082145

    Hi,
    Sorry for the late reply, when I looked at your site I didn’t see the search icon that you wanted to move to the right, can you enable it so we can test?
    For having your burger menu open on the left, I see right now it’s sliding across the screen, please try this css instead to have it appear on the left side:

    .html_av-overlay-side .av-burger-overlay-scroll {
    right: auto;
    left: 0; 
    }
    .html_av-overlay-side .av-burger-overlay-scroll {
        -webkit-transform: translateX(-10px)!important; 
        transform: translateX(-10px)!important; 
    }
    
    .av_font_icon.av-icon-style-inline {
        float: none!important; 
        display: inline-block!important; 
        vertical-align: middle!important; 
        margin: 0 8px!important; 
    }
    

    Best regards,
    Mike

    #1081871
    enzowillemstad
    Participant

    Hi,

    I’m having an issue with the menu that overlaps the content. It’s easier to show than to explain:
    1. When you go to (is is our temporary url) https://comsampleq-pepet.savviihq.com you see the navigation bar. The first 2 item link to anchor ID’s on the homepage. as you can see they work fine and nothings goes wrong.
    2. The third option ‘contact’ links to a separate page. please click on it.
    3. When you then go back via the navigation first or second option. you automatically see the section it points to, this is also correct.
    4. But when you scroll up you see that the menu overlaps the content. and when you scroll down the same height which overlaps the content above is extra underneath the content and the footer.

    I really don’t know how to fix this. I hope you guys have an idea.
    I’ve tried changing the top content on the page, but this doesn’t matter. I’ve checked and unchecked the stickyness of the header, this also doesn’t matter. I’ve added login credentials so you can take a look at it if you want.

    Please help!

    #1081223

    Everything is in the code – just look:

    here is the layout – working with codeblock element ( Deactivate schema.org markup ) means no additional containers.

    what is the codeblock element input:
    and the surrounding color-section got custom-class: fixed-heading

    <div class="mask">
    	<div class="mask__content">
    		<div class="container is-full">
    			<div class="teaser is-centered">
    				<div class="teaser__title">
    					<h2 class="is-h2">Your Text</h2>
    					<h2 class="is-h1">A next line</h2>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>

    your input for quick css:

    .mask {
    	height:400px;
    }
    
    @supports ((-webkit-clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px)) or (clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px))) 
    {
    	.mask {
    		-webkit-clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px);
    		clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px);
    		clip:rect(0,auto,auto,0)
    	}
    	body:not(.is-noscroll) .mask {
    		position:relative
    	}
    
    	.mask .mask__content {
    		position:fixed
    	}
    
    	.mask .mask__content {
    		top:50vh
    	}
    }
    
    .mask__content {
    	position:absolute;
    	width:100%;
    	left:0;
    	transform:translateY(-50%);
    	z-index:20;
    	top:50%
    }
    
    .fixed-heading .content {
        padding: 0 !important;
    }
    
    h2.is-h2 {
        text-align: center !important;
        font-size: 36px;
        font-weight: normal;
        text-transform: none !important;
        line-height: 60px;
    }

    if you like to style the h2 change the class in the code block element in is-h1 or something else

    the color-section can have background as you like. And: “no minimum height” ( is given by mask height )

    See example page: https://webers-testseite.de/schrift-und-parallax/

    clbdcnpafe
    Participant

    Hello.

    The page this refers to is shown in the private content section of this request. The page consists of many images of individuals, with short texts after each image. Each image (person) is accessible using a grey-highlighted menu that appears after the first two short text paragraphs at page top.The menu items refer to bookmarks for each person or each page section.

    When the page loads for the first time, all the images do not load right away. However, the result is that if a user first calls up the page and then uses the menu to reach a person whose image is towards the page bottom, the auto scroll takes the person to the wrong place. This is especially apparent if the user uses a smartphone to visit the page. AFTER that first try, however, all the grey-highlighted menu links work fine: the user always gets to the right place.

    Is there a way to solve this? We had thought of loading the page to reach a bookmark at the bottom, but then the user would have to scroll up to the top. A page refresh (code) won’t solve this, it seems.

    We’d welcome your thoughts.

    Thank you.

    Cliff Brody

    #1074796
    Handyann
    Participant

    I’ve tried Googling but it’s impossible to put the issue into a few keywords!

    I’ve created and embedded a Google Form which is split into 3 sections. It works fine, except that having worked down the first section and clicked the ‘next’ button, the second section opens in the same place on the page as the first one finished.

    In other words, the web page doesn’t return to the top to start the second section at the beginning, but stays at the level of the first page ‘next’ button. The viewer has to scroll up to the top of the screen to start the second section. I hope that makes sense – now you see the problem I had with the Google search!!

    Is there a way to get the second and subsequent forms sections to automatically begin at the top of the page please?
    I’ve included the page URL in the private content box. You will have to input the information on the first form section and click ‘next’ to go to the next section to see what I’m asking about but the information won’t be collected.

    #1070487
    robnelson4
    Participant

    Hi, I’m trying to get a caption below the image element, not on top of the image but always visible just under the image and aligned with the left side of the image. I tried using some code found under similar questions but was unable to get what I was hoping for as it still overlays the image.

    .av-image-caption-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    bottom: -20px !important;
    color: black !important;
    height: auto !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    width: 100% !important;
    text-align: left !important;
    vertical-align: bottom;
    }

    Thank you

    #1070132
    acelam714
    Participant

    Hello Enfold Support.

    I wish to remove the automatic main menu highlight from all “posts”. In “Theme Options” I set “Where to Display the Blog –> Blog”. I do not wish to change this. However, all posts, when clicked, will automatically highlight the “Blog” Main Menu Link. I do not want this to happen.

    This does not happen to any of the other main menu links. The link will highlight at first and show an active state when someone clicks it, but they unhighlight themselves when the user clicks to direct to another page. For Example: If you click the “Destinations” Main menu link, it will highlight that tab. However, once you scroll down and click an actual destination (i.e. United Arab Emirates), it will take you to that page and no longer highlight the “Destinations” main menu link. However, if you click the “Dubai” button (after clicking the United Arab Emirates button), it will highlight the “Blog” menu link. I want it to be unhighlighted (for all “posts”) since Dubai is set as a “post” in WordPress as opposed to a “page.”

    In other words, I wish to have some control over this (to have it highlighted in an active state when necessary and unhighlighted in an active state when unnecessary).

    Please let me know if you need further clarification. Thank you.

    Site: aceadventurer.com

    #1069053

    Topic: scrolling not jumping

    in forum Enfold
    JS
    Participant

    Hello,
    I would like to create different pages. Sure.
    A “Home” a “product info” for example, and so on.
    Therefore I have now created the individual pages, which I fill with the contents. If I now link from the “Home” to the “product info” the page will also open for me.
    But what I want is that the page transition is an automatic scrolling to the “product info”. A kind of scrolling, as it currently is state of the art.
    Do I have to put all new pages in the “Home” to reach scrolling and link to each site from here?
    Cheers, JS

    #1068763

    In reply to: Demo content

    Hey Terrassenkind,

    Please enable debug mode in order to see builder shortcodes: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode, then add this to your content:

    [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='border-extra-diagonal-inverse' bottom_border_style='' id='contact' color='main_color' custom_bg='#f8f8f8' src='' attachment='' attachment_size='' attach='scroll' position='top right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='' av_uid='av-2aqedq']
    [av_heading tag='h3' padding='40' heading='Contact' color='' style='blockquote modern-quote' custom_font='' size='65' subheading_active='' subheading_size='15' custom_class='' av_uid='av-7k586'][/av_heading]
    
    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-1uh12u']
    
    [av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' av_uid='av-1rb732']
    [av_contact_field label='Name' type='text' options='' check='is_empty' width='' multi_select='' av_uid='av-1ibmxq'][/av_contact_field]
    [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' width='' av_uid='av-1cy3ce'][/av_contact_field]
    [av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' width='' av_uid='av-1aljd2'][/av_contact_field]
    [/av_contact]
    
    [/av_one_half][av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-128rfi']
    
    [av_textblock size='' font_color='' color='' av_uid='av-utcvy']
    <h2>Address</h2>
    10800 West Pico Boulevard Infinity Loop
    Cupertino, Los Angeles, USA
    <h2>Contact</h2>
     (Email address hidden if logged out) 
    555-3587 347
    <h2></h2>
    [/av_textblock]
    
    [/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' mobile_display='' av_uid='av-pbp5a']
    
    [av_textblock size='' font_color='' color='' av_uid='av-n4l5i']
    <h2>Opening Hours:</h2>
    Mo-Fr: 8:00-19:00
    Sa: 8:00-14:00
    So: closed
    [/av_textblock]
    
    [/av_one_fourth]
    [/av_section]
    
    [av_google_map height='400px' zoom='16' saturation='fill' hue='#ffffff' zoom_control='aviaTBzoom_control' av_uid='av-ghjfy']
    [av_gmap_location address='Infinite Loop' city='Cupertino' country='' long='-122.03077589999998' lat='37.332112' marker='197' imagesize='40' av_uid='av-9s9hi'][/av_gmap_location]
    [/av_google_map]

    Best regards,
    Rikard

    #1063033

    Hey, thank you that worked

    I have now uploaded the website to an online server, and has been working fine over the last couple of days however today a lot of strange issues are occurring:

    when clicking on edit page, I am greeted with a completely different looking content editor which is a classic editor, and a completely different looking side bar, the avia menu (drag and drop editor) was located by scrolling down to the bottom of the page.(images related: home img1, home img2, casestudies img1, casestudies img2)

    When trying to save an edited element it would automatically somehow copy and paste the entire classic editor code into it (was a icon box and a text box) erasing my current content also. (images related: text1, text2, text3)

    On another page the avia menu (drag and drop editor) is present underneath the classic editor, and its layout options have not changed, i have not tried to update change on the other page in fear i would loose more work (images related: home img1, home img2, casestudies img1, casestudies img2)

    also now my ‘layout elements’ specifically (color element – two 1/2, 1/2 container elements) seem to have disappeared and now visibly creating (color element – 1/1 container element)

    help please

    #1061970

    ok, but it just explains to change the box size and arrow position.
    Do you know the problem? If a toogle has a long content and I scroll while reading and then open the next toggle, the beginning of the content jumps to that of the highly scrolled closed toggle and the text begins subtracting from the scrolled content of the previous toggle.
    The code works and the Toogle jumps at the top but unfortunately below the header. So somehow the code has to be integrated that jumps the new Toogle top minus 150px!

    I need to change the position automatically scroll to its beginning after opening an accordion toogle.
    The code works, but I can’t change the position. It should work changing the number here: scrollTop: $($accordion_title).offset().top – 150
    but it does not change anything.

    Do you have an idea?

    Best regards
    Eva

    #1060885

    Thank you but that’s not what I want.

    Here I found a code (in german), but I do not know exactly where to go:
    “Nach dem Öffnen eines Elements automatisch zu dessen Anfang scrollen”
    https://blog.kulturbanause.de/2011/11/elemente-mit-jquery-auf-und-zufahren-lassen-slide-toggle-und-parallel-das-icon-austauschen/

    $(document).ready(function(){
    $(‘.accordion-title’).click(function(event) {
    event.preventDefault();
    $(this).toggleClass(‘open’);
    $accordion_title = $(this);
    $accordion_content = $(this).next(‘.accordion-content’);
    $(‘.accordion-content’).not($accordion_content).slideUp();
    $(‘.accordion-content’).not($accordion_content).prev(‘.accordion-title’).removeClass(‘open’);
    $accordion_content.stop(true, true).slideToggle(400);
    if ($(this).hasClass(‘open’)) {
    ScrollToTop();
    }
    });
    });

    function ScrollToTop() {
    setTimeout(function() {
    $(‘html, body’).animate({
    scrollTop: $($accordion_title).offset().top – 5
    }, 600);
    }, 600);
    }

    Many thanks for your help
    eva

    #1060582
    bdickinson
    Participant

    I currently have an accordion (one toggle) element within a tab section to display additional information. The issue is that once the toggle is open the other tab section’s content is re-positioned to the height of that tab often not viewable until one scrolls. Is there a way to have the toggle automatically close when another tab is selected?

    Login listed below. This is within the Products page. AdjustIT conflation (first tab) click on “more…” toggle and then go to the next tab LatLonGO to see the re-positioned information. When toggle is closed all the tabs are viewed correctly. Most tabs will eventually have the toggle for “more…” incorporated within the tab. Please let me know if this is achievable or if I need to find another solution.

    Thank you!

    abortolotti
    Participant

    Hi guys,

    how do I set a button to go to a page section within the same page, i.e. scrolling automatically to that section?

    I added a Color Section element, then I added a section ID to such element, then I added a button further down the page and within the button I selected the Set Manually Link option and added the following (url/#sectionid):

    but it doesn’t work.

    Can you help, please?

    Thank you so much.

    Antonio

Viewing 30 results - 361 through 390 (of 1,181 total)