Viewing 30 results - 85,141 through 85,170 (of 142,736 total)
  • Author
    Search Results
  • #738754

    In reply to: Soporte

    Hi,

    I’m sorry but Josue is no longer part of the team. Could you please translate the inquiry to English so that we can understand it better? I translated it via google and if I am not mistaken, you want to remove the top bar on scroll. Please go to the Enfold > Header > Header Behaviour panel then enable the “Unstick topbar” option. Also, please create new inquiries on a separate thread or topic so that we can close this one. Thank you!

    Best regards,
    Ismael

    Hi,

    If I had 20 child menus with this kind of problem should I have to find a menu item number for each one

    That is the ID of the top level menu items and I doubt that you will have more than 20 of such items in the menu. Still, this is an obvious issue in the theme so we will try to find an absolute solution for it.

    Best regards,
    Ismael

    #738748

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #738730

    Hey pimroll,

    I’m not sure, did you use the Layout Builder for the post which is not showing the excerpt? If so you will need to add it manually in the edit page. If you don’t see the excerpts field then you can select to show it under Screen Options in the top right hand corner of the page.

    Best regards,
    Rikard

    #738727

    Hi Jeron,

    Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #738722

    In reply to: sticky mobile menu

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    Hi,

    Great, thanks for the feedback. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #738716

    Hi,

    Thank you for the update.

    1.) Adjust the color value or add this code below the others.

    #top .av_header_glassy.av_header_transparency .social_bookmarks li:last-child {
        border-right: 1px solid rgba(255,255,255,0.25) !important;
    }

    2.) I’m not sure if I understand this. The screenshot doesn’t show me anything.

    3.) Please add this css for the social share border.

    .rtl .av-share-box ul li:first-child {
        border-left-style: solid;
        border-left-width: 1px;
    }

    Best regards,
    Ismael

    Hi,

    We are very sorry for the late response.

    Disabling the “Hide Mobile Menu Submenu Items” option will render the parent menu items clickable. Unfortunately, the mobile menu script will disable the link of the top level menu items when the submenus are hidden. One workaround is to add a duplicate of the parent menu item in the sub menu list OR create a “gotolink” as described here.

    // https://kriesi.at/support/topic/mobile-menu-links/#post-637296

    The script will create an extra link beside the top level menu items.

    Best regards,
    Ismael

    Hi,

    I have found something similar on this forum using Google search. The issue is very similar to mine. This reply could be a fix, but I need to adapt it to be suitable on all pages on mobile screen width not single page like it was done in this example: https://kriesi.at/support/topic/disable-sticky-header-for-single-page/#post-286419

    Maybe Josue could be so kind and help me out here?

    How can I stop this header shrinking and transformation on mobile and fix the header transparent only with transparent logo and transparent color setup?

    Thanks

    • This reply was modified 9 years, 1 month ago by L.
    #738660

    Hey Rikard,

    Although it would have been nice to have a mobile and desktop version of sliders, it’s just seems to be more trouble than it’s worth. For now, I think I’ll just stick with one universal header, so you can go ahead and close this thread. I’ve deleted the mobile slider and deleted the CSS code you put in, so let me know if there’s anything else I need to clean up.

    If you’re interested in trying to figure this problem out for future reference, you may want to check my troubleshooting notes from above that I sent last night as a response to your last contact. It doesn’t really make sense to me, but it might to you.

    Thanks, P

    #738655

    *update

    .avia-slideshow ul.avia-slideshow-inner {
    height: 300px !important;
    overflow: hidden;
    }

    .avia-slideshow li img { padding: 0; }

    The following css height adjustment is only working with my firefox browser, and I still have a large padding showing up. Perhaps it is rather the top-padding above my accordion section?

    #738653

    Hey!

    WHen posting to a topic again, it goes last to the line.
    Please avoid that and our German Speaking support will be with you as soon as possible.

    Thanks a lot

    Cheers!
    Basilis

    #738650
    TheRetailCoach
    Participant

    After updating the Theme from 3.0.8 to 3.8.4 as well as wordpress to 4.7.1 the Avia Layout builder stopped working, I just get the spinning wheel of death. Has anyone else experienced this?

    • This topic was modified 9 years, 1 month ago by TheRetailCoach. Reason: Didn't tag
    efletcher
    Participant

    I have recently had some amazing help to create some custom adjustments to the theme which have pretty much worked great, subject to a few remaining tweaks in other posts. However I still have an issue with the responsive version of the custom full width semi-transparent header with menu above. It only has the colour block across the middle of the page and not right to the edges as we want.

    Can anyone help please?

    Below is a copy of my custom css and also a screenshot from my iphone6 showing what I mean at the top.

    Screenshot

    ####

    #footer .container {
    width:100% !important;
    max-width:100% !important;
    padding:50px !important;
    }

    #fullwidthsection .container {
    width: 90% !important;
    max-width: none !important;
    }
    .logo img {
    top: 10px !important;
    }

    .widgettitle { font-size: 20px!important; }

    div .copyright {
    width: auto!important;
    }

    .av-image-caption-overlay-center p{
    margin-top:100px !important;;
    }

    .avia-button {
    font-size: 25px!important;
    }

    .av-section-bottom-logo.header_color .container {
    background-color: rgba(255,255,255,0.5) !important; }
    .av-section-bottom-logo.header_color + div + .avia-section {
    margin-top: -135px;
    }

    .av-section-bottom-logo.header_color .container, .av-section-bottom-logo.header_color .container .inner-container {
    width: 100% !important;
    max-width: 100%;
    }
    .avia-button.avia-size-large {
    border-radius: 100px;
    }
    @media only screen and (max-width: 767px) {
    .responsive .logo a {
    display: inline-block;
    vertical-align: middle;
    }

    .responsive .logo {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    }

    .logo img { max-height: 48px; }
    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    max-width: 80%;
    height: auto !important;
    margin-bottom: 10px;
    }}

    .responsive .toggle_icon {
    width: 15px !important;
    }

    #738622

    Hi Yigit,

    not bad. But how can I achieve the excerpt to fade in (or ideally scroll in from the top) on hover instead of the arrow icon? Also the height of the grid tiles, how can I increase these. To be closer to the once in the mockup?

    Thanks Yigit

    #738611
    sjahan
    Participant

    Hi, I found the following code to disable the mobile menu and display the regular screen navigation bar. However, my menu items are 2 lines on some mobile screens (iPhone 7-vertical) so the styling is a bit off since the Contact menu item shows up on the 2nd line and is below the header border. How can I fix this?

    Code that is currently entered under General Styling:

    @media only screen and (max-width: 767px) {
    .av-main-nav > li > a {
        height: 50px!important;
        line-height: 50px!important;
    }
    .avia-menu.av_menu_icon_beside {
        margin-top: -90px;
    }.responsive #header .main_menu .social_bookmarks {
        top: 20px;
    }
    }
    #738610

    FYI: This topic can be closed

    #738599

    In reply to: Shrinking header

    the point is that it is not as simple as that.

    You must understand the code to get the values you need:

    https://kriesi.at/support/topic/reduce-sticky-header-size/#post-724020

    you have to change two values
    one for the scrolling distance
    an one for the amount of shrinking
    (only on that special case of 2 (50% shrink amount) the scroll distance and the scroll amount factors are identical =2))

    these are the values for the example : Starting at 220px shrinking to 95px
    because:
    because 220/1.76 = 125 =( 220-95) (that is the scroll distance when shrinking ends)
    and 220/2,31 = 95,23 ( good factor nearby 95 – to stay 2digits after komma)

    In words: After scrolling down 125px the end Header height is reached 95px (for that example)

    if(shrinking && !isMobile)
    {
        if(st < el_height/1.76)
        {
            newH = el_height - st;
            if(st <= 0){
    			newH = el_height;
    	    }
            av_change_class(header, 'remove', 'header-scrolled');
            //header.removeClass('header-scrolled');
        }
        else
        {
            newH = el_height/2.31;
            //header.addClass('header-scrolled');
            av_change_class(header, 'add', 'header-scrolled');
        }
    #738586

    try this in quick css:

    #top .aviaccordion-preview-title {
        padding: 5%;
        vertical-align: bottom;
    }

    maybe an !important notice is required:

    #top .aviaccordion-preview-title {
        padding: 5% !important;
        vertical-align: bottom !important;
    }
    #738582

    SO, there is a problem with Enfold. I changed my search to “flickers” and found this. The code fixes it, but hopefully the theme will be updated soon.

    #738581

    Hey!

    Please refer to my post here – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439. I believe that will be a lot easier for you. You can simply set background to “transparent” in custom CSS code.

    Regards,
    Yigit

    Hi Enrique!

    I replied you here – https://kriesi.at/support/topic/i-can-not-log-in/#post-738571

    Cheers!
    Yigit

    #738567

    Hey!

    I added following code to bottom of Quick CSS field

    .grid-content {
        text-align: center;
        border-top: 1px solid #e2e2e2 !important; 
    }
    .grid-content .avia-arrow {
        display: none;
    }
    .grid-entry {
        padding-right: 10px;
    }

    and used Portfolio Grid element instead on this private test page. Please review the page

    Best regards,
    Yigit

    #738551

    In reply to: Masonry Gallery Center

    Hey Andrea,

    Please add two different masonry elements to your page and choose to display 4 columns in the top one and 3 in the bottom one and then add following code to Quick CSS

    #av-masonry-2 {
        max-width: 900px;
        margin: auto;
    }

    You would need to adjust the value and selector of your masonry element

    Best regards,
    Yigit

    #738539

    Topic: Masonry Gallery Center

    in forum Enfold
    CurlyHost
    Participant

    Hey guys – I found someone with a similar request but I didn’t find the solution to their thread: https://kriesi.at/support/topic/masonry-gallery-center/

    I have seven items and they need to be stacked in the same way that the wine bottles are above.

    Projects

    What kinds of CSS would be needed?

    #738532

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top div div.product .woocommerce-tabs .panel {
        border: none;
    }

    Regards,
    Yigit

    artisforever
    Participant

    Hello Team,

    Most of my navigation is within the first fold of my webpage, so my client had me remove the top page nav, and just have the magnifying glass option. I’d really like to remove the ‘hamburger-style’ navigation button on mobile, and replace it with just the search feature.

    In the future, it would be nice if both were static boxes where one could type in at any time vs. the magnifying glass and search box just appearing after one clicks it. I can open up a new support-request for this option if need be, thought I’d mention it since we’re on the topic though!

    Here is my current quick CSS overall:

    .team-member-name, .team-member-job-title { text-align: center; }

    .avia-team-member .team-member-name {
    font-size: 14px !important;
    }

    body .column-top-margin {
    margin-top: 5px;
    margin-bottom: 5px;
    }

    .avia-slideshow-inner {
    height 300px !important;
    }

    .avia-slideshow { margin-bottom: 0px; }

    #menu-item-search > a:nth-child(1) > span:nth-child(1) {
    display: block;
    float: left;
    }

    .span.avia_hidden_link_text:nth-child(3) {
    display:none;
    }

    #menu-item-search [data-av_icon]:before {
    float: left;
    margin-right: 10px;
    }

    .toggler { text-align: center !important; }

    .iconbox a, .iconbox .custom-class:hover {
    background-color:;
    }

    .avia_textblock { padding: 10px; }

    #top .avia-button-fullwidth {
    padding: 15px 15px 12px;
    }
    #top .avia-button-fullwidth {
    font-size: 13px;

    }

    a.av-icon-char:hover span {
    color: #;
    }

    .av_font_icon.av-icon-style-border .av-icon-char { padding: 12px; }
    #top .avia-icon-tooltip { font-size: 10px!important; }

    .iconbox .iconbox_content .iconbox_content_title {
    font-size: 10px;
    }
    .icon_caption {font-size: 10px;}

    .avia_transform .avia-icon-list .iconlist_icon {
    opacity: 1 !important;}

    #footer .widget {
    text-align: center;
    }

    p-inc
    Participant

    Hi

    I have a website with the logo and menu in sidebar left layout option – it’s a single page website.
    Now i want to use smooth scrolling that’s build in in enfold and linked my menu links to the different color section anchor points on the page. Everything works fine.

    I used the hack from comitzuu and added an offset value, so when i press the menu link, the color section has a nice little offset to the browser window frame.
    https://kriesi.at/support/topic/adding-offset-value-to-smooth-scrolling-anchor-links/#post-434032

    But now when i scroll the active menu class in the menu changes when the new color section hits the browser frame …
    I’d like to apply the current class at the same offset value like described before.

    Is this possible? And which changes in avia.js do i have to do?

    Thanks you so much.

    #738477
    Otakar
    Participant

    Hello,

    can you please help me with layerslider? It looks stretched but I do not know why. The image is 1920x, my laptop is 1350x width, but still the slider is stretched and shows width 2340px when I inspect some elements.

    Thank you for any help!

Viewing 30 results - 85,141 through 85,170 (of 142,736 total)