Viewing 30 results - 78,901 through 78,930 (of 142,897 total)
  • Author
    Search Results
  • #802067

    Topic: Mobile Menu Missing

    in forum Enfold
    eternalkid
    Participant

    Hi!

    Hope you are well! For mobile screens, my menu disappears. Also when I shrink the desktop window after a certain point it is gone, where there used to be an icon. This is a recent thing.

    Possible to help with this issue?

    Thanks again!!!

    Blake

    schizm00
    Participant

    Like the very top of this page. https://bask.com/store#pricing

    I can’t figure it out. And it’s clickable too.

    Any help geniuses?

    Thanks!

    #802025

    Hey mescalytequila,

    Can you try the solution in this thread? https://kriesi.at/support/topic/increase-social-media-icon-sizes-header/

    If you need further help with this, please let us know.

    Best regards,
    Sarah

    #802022

    In reply to: Shopping Cart Icon

    Hi,

    I have modified the last part of the code to this:

    @media only screen and (max-width:767px) {
        .responsive #top #menu-item-shop.cart_dropdown {
            top: 25px;
            left: auto;
            right: 50px;
        }
    }

    Can you try to check it again? :)

    Best regards,
    Nikko

    #801983
    mescalytequila
    Participant

    Hello.
    I want to enlarge the social profile icons (menu top right)
    Best regard.

    Sorted!

    This is the code to add in ‘Quick CSS’:

    .slideshow_align_caption {
      vertical-align: bottom;
    }

    Source: https://kriesi.at/support/topic/captions-for-the-full-width-easy-slider-bottom-with-out-frame-center/

    #801975

    In reply to: LayerSlider size issue

    Hi John,

    I have provided 3 screen grabs in the Private Content box:
    – Home-Page-Slider.jpg. This is a screen grab of the Home page slider
    – Test-Image.jpg. This is the image that we created at 1140px wide and 470px high
    – Slider-Settings.jpg. This is a screen grab of the slider settings: Canvas width: 1140; Canvas height: 470; and Max-width: 100%.

    You will see even though the image we created is the exact same size as the slider canvas settings, the the slider crops the image top and bottom.

    Your advice is much appreciated, Andrea

    John
    Participant

    Hi.

    The solution provided here, to what appears to be a very similar query, isn’t working for me: https://kriesi.at/support/topic/fullwidth-slide-caption-align-bottom-centre/#post-691140. Unfortunately, that thread is now closed to new replies.

    The suggested css is:

    div .slideshow_caption h2 {
        text-align: center;
    }

    On the page I’m developing, the ‘Caption Title’ and ‘Caption Text’, as well as Button 1 and Button 2 (which sit side-by-side, below the text captions), are aligned left and centered on top of my image. I want them to be center aligned, but located at the bottom of my image.

    Any suggestions gratefully received. Thank you!

    • This topic was modified 8 years, 10 months ago by John.
    #801970

    In reply to: Shopping Cart Icon

    Hi Maria,

    I have added this css code in your Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width: 1024px) {
        .avia-menu.av-main-nav-wrap {
            display: none !important;
        }
    
        #top nav.main_menu {
            display: block !important;
        }
    
        #top #header_main #menu-item-shop a.cart_dropdown_link {
            border: 1px solid #eff5d2;
            padding: 0 !important;
            height: 46px !important;
            line-height: 46px !important;
            width: 46px !important;
        }
    
        .responsive #top #menu-item-shop.cart_dropdown {
            top: 23px;
            left: 570px;
        }
    }
    
    @media only screen and (max-width: 1024px) and (min-width:992px) {
        .responsive #top #menu-item-shop.cart_dropdown {
            top: -58px;
            left: 822px;
        }
    }
    
    @media only screen and (max-width:767px) {
        .responsive #top #menu-item-shop.cart_dropdown {
            top: 25px;
            right: 50px;
        }
    }

    Let us know if this helps :)

    Best regards,
    Nikko

    #801967

    Hey FlatText,

    Please try the solution here or here.

    Let us know if you need more help!

    Best regards,
    Sarah

    #801966

    Hi! Forget about this, I was checking the mobile view with the chrome mobile simulator, I’ve just grabbed a real mobile and everything looks fine, please delete the topic :)

    Hi,

    I’ve edited the code in my previous reply. Can you try that one, please?

    Best regards,
    Sarah

    #801955
    torahulparashar
    Participant

    Hi,
    I need to mute or pause the background video of a color section. I saw this thread: https://kriesi.at/support/topic/enable-video-controls-pauseplay-wbackground-video/ and tried this one in section.php

    
    'video_controls' => '',
    

    And this one in Quick css:

    
    #top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay, .av-section-video-bg + .container {
        pointer-events: none;
    }
    
    #top .av-section-video-bg iframe{
        top: 0 !important;
        height: 100% !important;
        width: 100% !important;
        left: 0 !important;
    }
    

    But it is still not showing controls. Can you please help me out?
    Many Thanks!

    • This topic was modified 8 years, 10 months ago by torahulparashar. Reason: adding more code
    #801948
    verena_1992
    Participant

    I have the same problem again as 3 weeks ago.
    https://kriesi.at/support/topic/theme-upgrade-doesnt-work-4-0-5/

    no I can’t update the theme from 4.0.5 to 4.0.7
    additionally i can’t upload files or install plugins

    can you please help me again, i don’t know what the problem is.

    thanks, all the best verena

    #801940

    Hey eulogic,

    Our tables have the class avia-table. If you need help customizing the cell colors, maybe this thread or this one can help you. If you need further help, please give us a link to the page you’re working on, as well as the specific changes you would like to make.

    Best regards,
    Sarah

    #801938

    In reply to: Tab Sektion 2017

    .iconbox .entry-content-header h3 { font-size: 15px !important; }
    #top .iconbox_content p{ font-size: 12px; !important;}
    .custom-class span.av-seperator-icon { font-size: 94px; !important; }

    span.av-seperator-icon { font-size: 26px; }

    #top .aviaccordion-preview-title-wrap { background: rgba(0,0,0,0); } #top .aviaccordion-title { font-size: 46px; line-height: 1.8em;
    font-family: ‘Sacramento’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-weight: lighter;
    text-transform: none; }
    #top .aviaccordion-preview-title-wrap, #top .aviaccordion-preview-title-pos { height: auto!important; }

    .page-id-230 .av_promobox { background-color: rgba(255, 255, 255, 0); border: none; transparent!important; }

    .required { color: #f07b2d !important; }
    .avia-testimonial-content p { font-size:90% !important; }
    .tabcontainer .tab_icon { color: #927a43 !important; }
    .tabcontainer .tab_icon { font-size: 18px !important; }

    .avia-datepicker-div.ui-datepicker { z-index: 1000 !important; }

    /*Menu und sekunder menu*/
    .logo img {
    width: 360px !important;
    }
    .logo img { margin-top: -0px; }
    .header-scrolled .logo img { margin-top: 0; }
    #top ul:first-child > li > a:hover {
    color: #ff7337;
    }
    #top ul:first-child > li > a {
    color: #d6bd8a;
    }
    .sub_menu li.current-menu-item > a,.sub_menu a:hover {
    color: #ff7337!important;
    }

    /*promo box button*/
    .page-id-200 .avia-button.avia-size-small {color: #d6bd8a!important;
    }

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

    .avia-button.avia-size-small, .avia-button.avia-size-medium, .avia-button.avia-size-large {
    color: #fff!important;
    border-color: #d6bd8a!important;
    background-color: transparent;
    border: 3px solid;
    }
    .avia-button.avia-size-small:hover, .avia-button.avia-size-medium:hover, .avia-button.avia-size-large:hover {
    color: white!important;
    border-color: #d6bd8a!important;
    background-color: #ff7337;
    border: 3px solid;
    }

    .ls-slide.ls-animating {
    width: 1346px !important;
    }

    .phone-info.with_nav {
    font-size: 13px;
    color: #ff7337 !important;
    }

    avia-fullwidth-slider { border-top-style: none; } @media only screen and (max-width: 480px) { .title_container { display: none; }}
    #top .title_container .main-title a { display: none; !important;} .title_container .breadcrumb { font-size: 12px; }

    .title_container .breadcrumb { left: 6px; top: 14%; }
    .title_container { height: 22px; }
    span.breadcrumb-title { display: none; }
    .title_container, .title-container { background: #d6bd8a !important; }
    #main .breadcrumb,
    #main .breadcrumb a {
    color: #f2f3f5 !important;
    }

    Hi,

    Please try this:

    .av-catalogue-list li { border-bottom-color: white !important; }

    If you wish for the list’s top border to be white, please add this:

    .av-catalogue-list { border-top-color: white !important; }

    Best regards,
    Sarah

    • This reply was modified 8 years, 10 months ago by Sarah.
    #801919
    JuanjoBarasoain
    Participant

    Hello! I have a masonry item with portfolio entries on my homepage and it is set to Display title > Display as centered overlay > Display on mouse hover. This looks nice in desktop view but when I turn to mobile view, the hover effect obviously dissapears so the title is hidden. I want the title and overlay to be always displayed in the mobile view, can you help me with this? Thank you very much!

    #801904

    Thanks Victoria. I appreciate the help.
    The CSS is affecting the mobile view in a bad way. Is there anyway to make the CSS only affect desktop (and tablet if it makes sense)?

    Thank you again.

    #801899
    dvus4l
    Participant

    I am looking for a solution to keeping certain color sections given section id’s to not turn responsive specifically on mobile.

    In other words I am looking to maintain the desktop version of certain color sections on the mobile version

    Thank you in advance

    #801896

    The problem is solved with help from this thread. Thanks!

    Alrighty, good to know, thank you.

    I’m afraid this workaround is not working 100 % though.

    It’s fine here, for example: http://mondiale.de/testumgebung/de/produkt/deutsch-intensiv-a1-b1/

    But it’s not fine in this case: http://mondiale.de/testumgebung/de/produkt/pruefung-telc-deutsch-a1/

    If I adjust the top value to fix one of these products, the other one gets broken.

    #801860

    In reply to: Responsive Footer

    Hey Travelyst,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
    #top .av_one_fourth {
        width: 100% !important;
      }
    }
    

    Hope this helps :)

    Best regards,
    Nikko

    #801858

    In reply to: disable preview

    Hey diefleischerei,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .avia-post-nav {
        width: 1px !important;
    }
    
    .avia-post-nav .entry-info {
        display: none !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #801852

    Hey Otakar,

    I have checked it on my end but didn’t experience the same issue. Can you try to flush cache and disable autoptimize and check if the issue still persists.

    Best regards,
    Nikko

    #801833
    Manuel
    Participant

    We just can’t figure out how to replace the layout.css and the shortcodes.css without breaking the layout.

    Scenario
    Specifically I need to get into control over the style sheets to customise the way all font-sizes and colours are handled.
    Currently I have setup a SCSS file that generates the “style.css” in the child theme. But it isn’t feasible anymore as always another element pops up which is not styled the way we need it and the code is growing stupidly large and confusing for that matter.

    Current Implementation
    Which seems to work fine for most of the CSS files, e.g.: base.css or grid.css.
    We copied the “avia_register_frontend_scripts” into our functions.php and then changed “template_url” to “child_theme_url” for all the CSS files. eg.:

    from:
    wp_enqueue_style( 'avia-base' , $template_url."/css/base.css", array(), '2', 'all' );
    to:
    wp_enqueue_style( 'avia-layout', $child_theme_url."/css/base.css", array(), '2', 'all' );

    This seems to work just fine for most CSS Files but as soon as we do it with the the “layout.css” or “shortcode.css” it does break! :(

    We also tried to add a custom function and first dequeued all styles (wp_dequeue_style) as suggested by some similar posts …
    https://kriesi.at/support/topic/editing-base-css-in-a-child-theme/
    https://kriesi.at/support/topic/best-way-to-handle-a-css-change-to-base-css/
    https://kriesi.at/support/topic/remove-native-css-framework/
    … which ultimately lead to the same problem

    So is the shortcode.css and layout.css referenced anywhere else?
    I could only find one reference in “template-builder.class.php” (themes/enfold/config-templatebuilder/avia-template-builder/php) … but a change to this did not do the trick yet. :/

    Hope you can help us with this!
    best,
    Manuel

    • This topic was modified 8 years, 10 months ago by Manuel. Reason: typo
    #801827
    nazortho
    Participant

    Hi there –

    I started my topic originally at https://kriesi.at/support/topic/condensing-navigation-on-small-screens/, but it’s been closed out before things got fully sorted, so posting a new question here:

    I’m trying to make sure the navigation at nazortho.com never pushes onto two lines. The navigation is a bit wide, so if you reduce the browser size, it goes onto two lines (and looks awful) a bit before it turns into the square mobile navigation drop down. I’d like to make it so that as soon as the navigation drops to the second line, it becomes the mobile square.

    I’ve already got it set to do mobile nav on tablets, but there’s still a 100 or 200 pixel disconnect between that width and where the navigation starts looking wrong.

    Thanks for your help!

    #801810

    Topic: Slider 100% width

    in forum Enfold
    mikkijack
    Participant

    I’m not sure why, but I can’t get my top slider to be 100% width )no padding).

    When I tried to modify it, it made the whole site 100%.

    How can I fix it?

    JellyRock
    Participant

    I just did the Enfold 4.0.7 update and now only the navigation shows at the top but no page content.

    I did the update like I always do, through the child theme and this is the first time it didn’t work. I also disabled the only 2 plugins that were active because I’ve read that in a lot of posts but still nothing.

    I have PHP 5, does the new Enfold update need a newer version?

    Also, in the control panel, the page content is all there like normal but it just doesn’t show to the public.

    I’m sending the login info through the private section.

    Thank you,
    Tony

    Hey 0_o,
    This post describes doing that for a mail chimp form, but you could replace the mail chimp shortcode with anything else :)
    https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    Best regards,
    Mike

Viewing 30 results - 78,901 through 78,930 (of 142,897 total)