Viewing 30 results - 2,041 through 2,070 (of 142,845 total)
  • Author
    Search Results
  • #1479395
    Munford
    Participant

    hi
    I am trying to hide the post side navigation with this:

    #top .avia-post-nav {
        display: none !important;
    }

    but it’s not working.
    also tried this in functions, still not working:

    function no_post_nav($entries)
      {
          $entries = array();
          return $entries;
      }
    add_filter('avia_post_nav_entries','no_post_nav');
    #1479393
    hankboomer
    Participant

    Dear all do you know how we can correct troubles with avia footer scripts. Are such troubles from plugins or from some stuff i i did in my pages ? this is slowing down both mobile and desktop

    regarding layerslide : do you guys recommend to fill it with 1280 / 720 format as indicated in the layerslide set up dashboard ? or does it resize automatically the images ? i am trying to understand if such thing can slow down the page

    • This topic was modified 1 year ago by hankboomer.
    #1479374

    Hi Rikard

    Thanks for this. I entered the code, and nothing changed. I removed the comment as I don’t have a dedicated style for this mobile element.

    For now, I think I will leave the buttons at the top as, in hindsight, putting them centred could cause more issues and probably won’t suit all images.

    Thanks for your effort.

    Regards
    Merle

    #1479372

    I assume that you want to remove the click on the main item “Partenaires de séjours de vacances” but want the click on the sub-menu items, so remove your css and use this instead:

    That’s correct Mike.

    You perfectly understood my need.
    Thanks of your code, now both main and top menus are working smoothly.

    You can close this thread.

    • This reply was modified 1 year ago by rvga.
    #1479368

    In reply to: Issues after update

    Thank you! Please close the topic

    Hi Rikard this one works fine both for top and bottom border just changing border-bottom

    #top #wrap_all #main #barra-1 {
        border-top: 2px solid #56267a;
    }

    Thank You very much.. Can close..

    #1479365

    Hi,

    Yes, and I posted the content of the error log file here. There are no fatal error in there, so there are no clues for us to follow. You should try reaching out to your hosting provider and ask why the server is returning a 500 internal server error on the admin-ajax.php file as mentioned here.

    Best regards,
    Rikard

    #1479356
    DianaLoola73
    Participant

    Dear Support Team,
    On the website https://www.schlosswirtschaft-schwaige.de/, the logo is centred in the header and the navigation is to the right and left of it. This works well on a desktop PC, but no longer on a laptop, where part of the navigation hangs in the content area: see: Screenshot laptop: https://www.schlosswirtschaft-schwaige.de/support/laptop-menu.jpg
    The script for centring the logo and navigation is as follows:
    #header .main_menu {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    }

    .av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
    }

    #header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    }

    #header .logo img {
    top: 50%;
    transform: translateY(-50%);
    max-width: 300px;
    }

    .av-main-nav>li>a {
    padding: 0 40px;
    }

    .av-main-nav>li>a {
    padding-top: 50px !important;
    }
    }

    .html_header_top.html_header_transparency #header {
    position: relative;
    }

    .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header {
    max-width: 100%;
    }

    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    height: 90px;
    line-height: 90px;
    }

    #top #header .av-main-nav > li.menu-item {
    display: none !important;
    }

    What do I have to change / correct so that it also works on smaller screens such as a laptop?
    Many thanks and best regards, Diana

    distortedimage
    Participant

    Hi

    I have updated the theme today and everything looks ok apart from in the content slider. The arrows are no longer showing. I have added code based on another support question raised by others to move the arrows to the middle on the outside of the content slider. So the CSS has the following to add the arrows:

    /* Arrow icon */
    #top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
    content:'\ue875' !important;
    }
    /* Arrow icon */
    #top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
    content:'\ue874' !important;
    }

    You will see in the page I have included the arrows are now showing a U.

    Any help would be greatly appreciated

    #1479350
    northorie
    Participant

    Hello, on this page, I would like the background image to be repeated in the mobile version as well, stacking on top of each other.
    It’s the background image of a color section.
    1
    The area that is currently white should continue with the background image.

    Just like in the example below. Column with background image via css
    2

    How can I do this?
    Best regards

    #1479332

    this is the code for your vuur4 page now:

    #av_section_1 {
      height: 100vh !important;
    }
    
    .responsive #av_section_1 .container {
      max-width: 100%  !important;
      padding:0 !important;
      margin: 0 !important;
    }
    
    video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: -1;
      object-fit: cover;
      overflow: visible !important;
    }

    ps: you can shift the video position by

    
    /* === Keeping the fireplace in view === */
    @media only screen and (max-width: 1425px) {
      video {
        object-position: -335px;
      }
    }
    
    #1479329
    #footer-page .avia_textblock p {
      display: flex !important;
      flex-flow: row nowrap;
      justify-content: end;
    }
    
    #footer-page .avia_textblock p a {
      padding: 0 5px;
    }
    
    #footer-page .avia_textblock p img {
      padding-top: 2px
    }
    #1479328

    Hi,

    Thanks for the update. If you have further questions which are not on the original topic, then please open a new thread.

    Best regards,
    Rikard

    #1479325

    In reply to: Issues after update

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    Right Ismael it works both for top and bottom border..

    for bottom I use

    #top #wrap_all #main #barra-1 {
    border-bottom: 2px solid #56267a;
    }

    or I must use

    #bottom #wrap_all #main #barra-1 {
    border-bottom: 2px solid #56267a;
    }

    Thanks You can check the page again

    #1479320

    Hi,

    You have to add the avf_portfolio_cpt_args_mod function from the previous thread to enable the Page Attributes field for the portfolio items.

    https://kriesi.at/support/topic/masonry-not-displaying-cover-pictures/#post-1439624

    Best regards,
    Ismael

    Hi,

    Thank you for the link.

    Please replace the css code with this:

    #top #wrap_all #main #barra-1 {
        border-top: 2px solid #56267a;
    }

    Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

    Best regards,
    Ismael

    #1479315

    Hi!

    Thank you for opening a different thread.

    We replied in the older thread, but you can continue here.

    https://kriesi.at/support/topic/footer-and-menu-area-issues/#post-1479314

    Cheers!
    Ismael

    #1479314

    Hi!

    Glad to know that most of the issues were fixed. Regarding the buttons, please edit the cells containing the columns, apply “av-portfolio-button-lp” in the Advanced > Developer Settings > Custom CSS Class field, then add this css code:

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      .responsive #top #wrap_all .av-flex-cells .av-portfolio-button-lp {
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }

    View post on imgur.com

    Let us know the result.

    Best regards,
    Ismael

    #1479311

    Hi Ismael

    Thank you so much. I looked this morning and everything is at it should be. The bold has gone and the footer spacing is now as it should be (very strange). Is it possible that the unclosed CSS could have caused the issue? Anyway, super grateful that it is all good.

    The only query now open is the query regarding the buttons over images on mobile view. Please can you advise the CSS to assist with centering the buttons in the image area. I don’t want them at the top. Hope this makes sense.

    Regards
    Merle

    #1479309

    Hi,

    Try to wrap the css modification inside this css media query so that it won’t affect the mobile view.

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
    
    }

    And to be able to target specific elements in the page, try to apply a unique ID or class names to them.

    https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    #1479306

    Hey M-Graphics24,

    Thank you for the inquiry.

    1.) The footer menu doesn’t look bold when we checked. Did you figure this out?

    2.) The footer columns have the same size (29% of the parent container) and is equally spaced — 6% left margin.

    3.) One of the css media queries was not closed properly. We corrected the css code.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    #1479302

    In reply to: Style Mobile Mega Menu

    Hi,

    To target all top level menu items, please use this css code:

    .html_av-overlay-side #top #wrap_all #av-burger-menu-ul .menu-item-14632 > .sub-menu > li > a {
        color: black;
    }

    View post on imgur.com

    Best regards,
    Ismael

    Hi,

    Thank you for sharing the complete steps. Regarding the older thread, the complete solution is already there; you just need to adjust the “std” parameter to “hover_active”.

    remove_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements', 500, 1 );
    add_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements_mod', 500, 1 );
    
    function avia_woocommerce_product_elements_mod( $elements )
    {
    	$posttype = avia_backend_get_post_type();
    
        if( ! empty( $posttype ) && $posttype == 'product' )
        {
            $elements[] = array("slug"	=> "avia_product_hover",
                "name" 	=> "Hover effect on <strong>Overview Pages</strong>",
                "desc" 	=> "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
                "id" 	=> "_product_hover",
                "type" 	=> "select",
                "std" 	=> "hover_active",
                "class" => "avia-style",
                "subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));
    
            $counter = 0;
            foreach( $elements as $element )
            {
                if( $element['id'] == 'sidebar' ) 
    			{
    				$elements[ $counter ]['required'] = '';
    			}
                else if( $element['id'] == 'layout' ) 
                {
    	            $elements[ $counter ]['builder_active'] = true;
    	           // unset($elements[$counter]);
                }
                $counter++;
            }
        }
    
    	return $elements;
    }

    Best regards,
    Ismael

    #1479296

    In reply to: Portfolio Masonry

    Hey!

    is not very logically structured if it is not sorted by date,

    Yes, the Isotope script doesn’t really take any of that information into account. It sorts the items based on their order in the document and the size of the images. If you want to make sure that items are sorted based on their query order, e.g., the date they were published, you may need to select a different layout in Styling > Masonry Settings > Size Settings or use an entirely different element, such as the Post Slider or Portfolio Grid.

    Cheers!
    Ismael

    #1479286

    Hey dogsbody,
    These icons are not available on Fontello.com yet, please follow this thread and steps. Please note that it is for TikTok and you will need to change the “charter code” (ue800) to your icons.

    Best regards,
    Mike

    #1479277

    In reply to: Style Mobile Mega Menu

    Hi,

    I finally got this working – not sure why it took so long?

    This is great but I wanted all the other top levels links to be black too..

    Is there a way to target them all?

    In this example, All Skin Boosters would be black too.

    All Under Eye Skin Boosters too etc..

    If you scroll through the menu all the ‘All..’ categories should be black to..

    View post on imgur.com

    #1479269

    hm – boxed content seems to be a bad guy for that. …

    try ( now just for that post : vuur5 to not have influence from other settings )

    #top.postid-227 #main {
      overflow: visible !important;
    }
    
    #top.postid-227 #av_section_1 {
      position: absolute;
      height: calc(100vh + var(--enfold-header-height)) !important;
      width: 100vw;
      left: 0;
      top: calc(-1 * var(--enfold-header-height)) !important;
    }
    
    #top.postid-227 video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height:  calc(100vh + var(--enfold-header-height)) !important;
      z-index: -1;
      object-fit: cover;
    }
    
    @media only screen and (max-width: 1200px) {
      #top.postid-227 video {
        left: -250px !important;
      }
    }
    
    @media only screen and (max-width: 767px) {
      #top.postid-227 video {
        left: -350px !important;
      }
    }
    #1479264

    In reply to: Header structure

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1479250

    http://www.jmcwebdesign.nl/fotos/vuur4/
    looks quite good now, thanks! the only thing is:

    the text is now finally, just below the image/video/first content section.
    but…on a mobile it appears much too low…
    probably something to do with: margin-top: 110vh;
    but using a spacer does not help either.
    how to move the text, also on a mobile and tablet, directly below the picture?

    • This reply was modified 1 year ago by jeel147.
    • This reply was modified 1 year ago by jeel147.
    • This reply was modified 1 year ago by jeel147.
    • This reply was modified 1 year ago by jeel147.
    • This reply was modified 1 year ago by jeel147.
    • This reply was modified 1 year ago by jeel147.
    • This reply was modified 1 year ago by jeel147.
Viewing 30 results - 2,041 through 2,070 (of 142,845 total)