Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1873804
Main image leaves gap and isn't all coming all the way to the top
Closed

Comments

  • Roxie12 started the conversation

    Hi there, 

    I use your Sahel theme and trying to make it as Chalbi and cannot position the main image/slider all the way to the top behind the header on the homepage, it also leaves a white gab to the right (everything on the homepage has a gab to the right actually). 

    in Shop All, the header is hiding the title of the products and cannot adjust it so it fits smoothly and looks as in your Sahel Chalbi. 

    Thank you

  • Roxie12 replied

    Hi there, any suggestions to this? I've tried to contact you privately before but also haven't got any answer. Many Thanks

  •  1,845
    Elated replied

    Hello,

    Thanks for writing in.

    I apologize about the belated reply - we have been getting a lot of tickets lately and the weekend days are behind us, and our reply times have not been as fast as we would have liked.

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL + wp-admin credentials (in Private Reply), we will be happy to assist you with everything.

    Please note that after installing / activating this theme, you need to Install/activate all required plugins like WP Bakery Page Builder, Elated Core/CPT and Slider Revolution (+Contact Form 7 and WooCommerce if you plan to use shop). 

    Then you can import the demo with our OneClick (Elated Options >> Import) or with native WP importer tool (Tools >> Import >> WordPress) via XML, located in the file you downloaded from ThemeForest website / XML.

    Then you can go to Appearance >> Customize >> Homepage setting >> and then choose desired homepage.

    -----

    Before that, please check your server resource settings. Check/increase these MASTER values or ask your hosting service to do it for you.

    max_execution_time = 300
    memory_limit = 128M
    upload_max_filesize = 128M
    post_max_size = 256M
    max_input_vars = 3000

    You can use this plugin in order to check it >> https://wordpress.org/plugins/wp-serverinfo/

    -----

    After you do this, you can try to import the demo or just let us know and we will try to import the demo for you. 

    Also, note that when importing a demo onto your site RevSlider slideshow has to be imported separately. To import a RevSlider slideshow from one of our demos please go to your WordPress admin panel Slider Revolution -> Import. Search for some-home-slider-X.zip located in the file you downloaded from Theme Forest / xml export folder and import that demo’s slideshow.

    Also you can follow these guidelines on how to import the demo here >>

    Complete Guide To Demo Import

    For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.

    Thanks & Regards, 
    Vladimir


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   Roxie12 replied privately
  •  1,845
    Elated replied

    Hello Rodana,

    I apologize for the late reply, we have been getting a lot of messages daily and are trying our best to keep up with every request. We hope you can understand.

    1- In order to fix this issue please copy the following code into Appearance > Customize > Additional CSS

    .eltdf-menu-area.eltdf-menu-left,
    .eltdf-mobile-header .eltdf-mobile-header-inner {
        background-color: transparent;
    }
    .vc_row.wpb_row.vc_row-fluid.vc_row-no-padding.vc_row-o-full-height.vc_row-o-columns-stretch.vc_row-o-equal-height.vc_row-o-content-top.vc_row-flex.eltdf-content-aligment-center {
        top: -110px;
    }
    

    Also you will have to reset some of the options you have set:

    - Navigate to Appearance > Widgets > Header Widget Area One > Sahel Search Opener and Sahel WooCommerce Dropdown Cart > reset the Icon margin settings(see image bellow)

    7795178588.png

    - Navigate to Sahel Options > Page > Content Style > Content Padding for Template in Full Width and set the second and fourth values to 0 so that the line under the header would reach to the ends of the page(see image bellow)

    4396639991.png

    Or you can add the following code:

    .eltdf-row-border-bottom, .eltdf-row-border-top {
        left: -10px;
        right: -10px;
    }
    

    2- To position the icons on mobile headers use the following code:

    .eltdf-mobile-header .eltdf-search-opener,
    .eltdf-mobile-header .eltdf-shopping-cart-holder {
        position: absolute;
        line-height: 70px;
    }
    .eltdf-mobile-header .eltdf-search-opener {
        right: 120px;
    }
    .eltdf-mobile-header .eltdf-shopping-cart-holder {
        right: 75px;
    }
    

    3- Such an option, unfortunately, does not exist within the theme, we are sorry. Achieving this will require some custom coding, but we are not in a position to accept any custom work, because we primarily need to focus on providing Theme Support to all customers. We hope you understand.

    You can find setting for the product list at Pages > All Pages > Shop All > Product List > edit the settings of your choosing(see image bellow)

    8642388029.png

    In case these are not enough and you are not familiar with programming, you could hire someone to do this for you. You could look for someone who you can hire for this kind of job at the following link: - http://studio.envato.com

    Thanks for understanding.

    Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.

    Kind regards,

    Sean


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Roxie12 replied

    Hello Sean, 

    Thank you for your time. 

    At first the transparency of the menu was working after I paste the Css code to Additional CSS I was pleased it got sorted, but since I uploaded a new photo and it got disabled again (about one hour or so) it is back to white menu again even with the code being in Additional CSS. I tried to look into it, but can't seem to figure out again or if I changed any attributes.

    Please, let me know how to solve this and how could this possibly happen. I hope it's just a minor issue. 

    Many Thanks, 

  •  1,845
    Elated replied

    Hello again Rodana,

    Please try using the following code:

    .eltdf-menu-area.eltdf-menu-left,
    .eltdf-mobile-header .eltdf-mobile-header-inner {
        background-color: transparent;
    }
    .full_height_image {
        top: -110px;
        min-height: 100vh!important;
    }
    .eltdf-expanding-carousel-holder.eltdf-expanding-fullscreen {
        height: 100vh!important;
    }

    Also in order for the code to take affect you will need to set an Extra Class name on the row element by navigating to Pages > All Pages > edit Home page > edit the row of the Carousel > Extra Class name > add full_height_image into the field(see image bellow)

    7739844951.png

    Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask!

    Kind regards,

    Sean


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  1,845
    Elated replied

    Hello,

    You can go to alter some desired page → navigate to Elated General page settings → and then set all these options, like we did here → 

    4890083276.png
    1699788256.png

    As you can see in the following screenshot that works fine →

    3548235306.png

    For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.

    Thanks & Regards, 
    Vladimir


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.