Viewing 30 results - 2,341 through 2,370 (of 142,850 total)
  • Author
    Search Results
  • #1477469

    Hi,

    Did you try what I suggested here?

    Best regards,
    Rikard

    #1477465

    Hi,

    If the excerpt field is not visible, then you can select to show it under Screen Options in the top right hand corner of the screen while editing a page.

    Best regards,
    Rikard

    #1477452

    Perfect! Thank you :)
    Topic can be closed.

    #1477427

    Hi,
    hankboomer
    your Support is until: 2025-05-06
    Please login to the forum and open a new thread as your question is off topic, this helps other users find solutions based on the opening subject line quicker and helps keep the thread length manageable and on topic for multiple mods to assist.
    Then include a admin login in the Private Content area so we can examine.
    Thank you for your understanding.

    Best regards,
    Mike

    #1477422

    Hey wavesmediallc,
    I don’t see any difference between desktop and mobile, please explain the error, perhaps a screenshot would help.

    Best regards,
    Mike

    #1477418

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 1360px) {
      #top #header .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header .av-burger-menu-main {
          cursor: pointer;
          display: block!important;
      }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1477404
    wavesmediallc
    Participant

    Hi mywebsite http://www.ezcomsoftware.com is not loading correctly on mobile (its loading the full website) but when grab the corner of the website on desktop and shrink it to mobile size it loads correctly. I will give you access in the private section.

    #1477402

    Perfect thank you! Topic can be closed

    #1477399

    Hey northorie,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 450px) { 
    	#top.home #av_section_1 .av_two_third {
    height: 750px !important;
    }
    .responsive #top.home #wrap_all #av_section_1 .flex_column.av_one_third {
    	margin-bottom: 0;
    }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1477391

    Hi Guys,

    Hope you’re doing well.

    We’ve been updating two pages on our staging site. After cloning the site to the live environment, we’ve encountered a few issues:

    The homepage is displaying the Enfold logo in the top left instead of our own, and the main menu navigation is missing. The rest of the homepage content appears correctly.

    One of the pages we’ve been working on is showing an old version in a normal browser but the updated version in incognito mode. We’ve cleared the cache, but the issue persists.

    Another page has two buttons with anchor links pointing to the contact form at the bottom, but the links aren’t working. Anchor links on other pages function as expected.

    When viewing the staging site, everything appears as expected, including the updated information and the correct homepage header.

    Could you advise on what might be causing these issues and how we can resolve them?

    Thanks in advance for your help!

    Regard,
    Matt

    #1477384
    northorie
    Participant

    Hi,
    would you kindly check my page in progress on mobile: https://projekt2.mindful-designs.de
    Below the orange button is a strange huge space.

    For the image inside the header on desktop you gave me this code:
    @media only screen and (min-width: 1024px) {
    .responsive .home #av_section_1 .container {
    max-width: 100%;
    }
    }

    Maybe that’s the reason?

    Best regards

    Hi,

    Thanks for that. Both the media queries you have in Quick CSS looks to be open:

    @media only screen and (max-width: 767px) {
    
    /* Add your Mobile Styles here */
    /* Social icons 5 column display on mobile to stop overlaping */
    @media only screen and (max-width: 767px) {

    The need to be closed like so:

    
    @media only screen and (max-width: 767px) {
      CSS inside media query goes here
    }

    Best regards,
    Rikard

    #1477373

    Basically, I need to fix the video at the top of the site so that it scrolls over all the content on the home page.
    It used to be sufficient to indicate ‘fixed’ but this no longer works (and the enfold people know this because there is a warning that on Firefox and other browsers this function may no longer work)

    It finally shows! Thank u very much! :)
    U can close this topic

    #1477371

    Dear Ismael, first of all thank you for your reply.
    But I think I did not explain myself well because your message does not answer my question.
    I know I can insert videos as you tell me, but how do I fix them at the top of the page so that the text scrolls over them?
    If I use ‘video’ as the background of a colour section, the video will take on the height of the section, thus becoming huge and unwatchable.
    If instead I put it in a fullscreen slider, I don’t know how to fix it at the top of the site.

    #1477369

    Great, that worked for this icons. Now can the image photo go all the way to top of the phone, with no black area where the time and battery are. I know you can change this color but youve’ also given me code to ahve photo run all the way up.

    Hey there

    Sorry I thought they were all footer related so thats why I did them all – but note taken for future :-)

    Also dont worry about the “How can I reduce the Gap top and bottom of entire footer section inner padding?” I have found some code to fix that myself now. Which also seems to have helped with this questio “How can I reduce the gap between columns when they are stacked on mobile?” too.

    I cant see any issues – here is the quick css:
    /* remove the meta container from blog page*/
    .html_elegant-blog #top .post-entry .post-meta-infos {
    display: none;
    }
    /* remove the category displaying on blog page*/
    .html_elegant-blog #top .avia-content-slider .blog-categories {
    display: none;
    }

    /* Remove Product sorting from Product pages*/
    .product-sorting { display: none !important;
    }

    /* Product price*/
    #top .price, #top .price span, #top del, #top ins{
    display: inline;
    text-decoration: none;
    font-size: 17px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: 0.5px;
    }

    .image-overlay {background: none;
    }
    .av_font_icon.av-icon-style-border .av-icon-char {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 1000px;
    border-width: 2px;
    border-style: solid;
    display: block;
    margin: 0 auto;
    padding: 25px;
    color: inherit;
    border-color: inherit;
    position: relative;
    }

    /* Centre 5 stars in testimonials*/
    .avia-testimonial p[style*=”center”] {
    margin-top: 0;
    display: inline-block;
    }

    .avia-testimonial-meta-mini {
    text-align: center !important;
    }

    /* Reduce gap above header on events calendar – what’s on page*/
    .tribe-common–breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0;
    }
    .tribe-events .tribe-events-l-container {
    padding-top: 0;
    }

    #top #reviews h2{
    font:”HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    line-height: 25px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 1px;
    }

    .big-preview.single-big {
    text-align: center; }

    .big-preview.single-big a {
    display: inline-block; }

    .woocommerce-review__published-date {
    display: none !important;
    }

    .html_elegant-blog .avia-content-slider .slide-meta {
    display: none !important;
    }

    /* IconList space-*/
    #top .av-iconlist-small li {
    margin: 10px 0;
    }

    /*reduce the gap between Icon list and the text block above it*/
    .avia-icon-list-container {
    margin: 10px 0 30px 0;
    }

    /*reduce the gap between text box and colour section*/
    .content {
    padding-top: 22px;
    padding-bottom: 20px;
    }

    @media only screen and (max-width: 767px) {

    /* Add your Mobile Styles here */
    /* Social icons 5 column display on mobile to stop overlaping */
    @media only screen and (max-width: 767px) {
    .flex_column.av-1wutg6-75a2def9a5e4dfdd6a7dc4b173f7d740 {
    display: none;
    }
    .responsive #top.page-id-734 #wrap_all .content .entry-content-wrapper .flex_column.av_one_fifth {
    width: 33%;
    }

    /* increase width of testimonial slider on mobile */
    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0;
    }
    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 100%;
    }
    #top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    text-align: center;
    }

    /* Scroll to top button on mobile */
    .responsive #scroll-top-link {
    display: block !important;
    }

    And there is also the Advanced styling for the Widgets titles.

    • This reply was modified 1 year, 1 month ago by xfacta.
    #1477338
    Maxtrom
    Participant

    Hi everyone, I tried searching for the solution to this problem in old posts and could not find it.
    Using a full screen slider. I simply need to fix a video (uploaded from the media gallery) at the top of the site, so that the text scrolls over the video.
    Using the ‘fixed’ option that used to work, I now get no results (there is also a message warning that this option may not work)

    #1477330

    U can close this topic :)

    #1477324

    Hi – thanks that worked but only for desktop.. Not the mobile.

    #1477321

    Perfect, thanks a lot!
    Topic can be closed now.

    #1477320
    M49bernard
    Participant

    Hello,
    We want to setup an alternative menu for mobile. We’ve define 2 menus and 2 different spots :
    – Desktop menu : Menu TKA (Menu principal)
    – Mobile menu : Menu mobile (TKA Menu mobile)
    We have activated the fact that we want to display the alternative menu (Menu mobile) for mobile devices & tablets, but it’s not showing up.
    We have the burger menu and it shows the main menu instead of the mobile menu. We are also using Mega Menu, but even when we deactivate this, it still isn’t working! We’ve tried several options, but can’t find the way to display a different menu on desktop and mobile.
    Also I want to know if there is a way to make different pages : one version for desktop and a specific version for mobile.
    Is Enfold compatible with Elementor or WP touch to customize different page layout for desktop / tablet / mobile ?

    Can you help please ?
    Thanks for your help!

    #1477301

    In reply to: Content slider

    Hey lara666,

    Thank you for the inquiry.

    You can add this css code to adjust the position of the slider controls:

    #top .avia-smallarrow-slider-heading {
        position: absolute;
        bottom: -50px;
    }

    Best regards,
    Ismael

    Hi,


    @Haula82
    : Please check this thread for the latest version of the modification. https://kriesi.at/support/topic/html-for-turning-on-audio/#post-1432783

    If you need more help, feel free to open another thread.

    Best regards,
    Ismael

    #1477294
    #1477284
    Munford
    Participant

    I found a solution by selecting “title and exerpt” and leaving the exerpt blank.
    hi
    I would like to use the portfolio grid with captions that are placed under the image instead of on top of them at the bottom so that the whole image is visible.
    Is this possible?
    thanks
    Nancy

    • This topic was modified 1 year, 1 month ago by Munford.
    • This topic was modified 1 year, 1 month ago by Munford.
    #1477268

    Hey lara666,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #header .av-main-nav > li.current-menu-item > a .avia-menu-text, #top #header .av-main-nav > li.current-menu-item > a .avia-menu-subtext {
        color: #ED1C24;
    }
    .header_color .main_menu ul:first-child > li > a {
    	color: #fff;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1477254

    You may close this topic. I found the problem: it was the plugin “WP Fastest Cache”. I don’t know why or how but I deactivated the plugin and everything looks in order now.

    #1477238

    It’s perfect now! thanks a lot :)
    Topic can be closed

    Best regards

    xfacta
    Participant

    Hi there

    I have created a 3 column footer – the Widget titles are meant to have have white border top and bottom but they are not displaying on desktop but are displaying on mobile.

    I also have the first column as a Mail chimp form – however the order of form fields is incorrect – should be 1) Email address, 2 Frist name, 3) Last Name. Is incorrect on both mobile and desktop (showing email, last name then first name). Also how can I change the font size of the text in each form field to be smaller – Ive adjusted the form in Mailchimp but is still showing larger.

    How can I reduce the Gap top and bottom of entire footer section inner padding?

    How can I reduce the gap between columns when they are stacked on mobile?

Viewing 30 results - 2,341 through 2,370 (of 142,850 total)