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 #2027072
Mobile Responsivity
Closed

Comments

  • TheBrainChild started the conversation

    How can I get the homepage to be responsive like the demo? https://sahel.elated-themes.com/bayuda/I am really struggling - would appreciate your help.

  •  1,845
    Elated replied

    Hello,

    The easiest way to replicate demo content would be to import demo content on your side

    Complete Guide To Demo Import

    However this will erase all current work you have and revert to original.

    Can you please let us know which element is not responsive on your page and on which screen size (device)?

    Some additional screenshots would be very helpful.

    Thank you.

    Giovanni


    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.

  • TheBrainChild replied

    Hi there 


    Of course, yeah - importing demo data is not going to work as the website is finished - just not optimised and I need help finding out how.

    I have hidden the hero slider from mobile view for the time being because it was being half cut off on mobile. 
    Screenshots attached to show you: 1. want I would ideally expect the header to look like on mobile and 2. what it currently looks like.

    I really appreciate your help on this and sorry I didn't supply enough info in the first place.

    0?ui=2&ik=02bb2878fa&attid=0.1&permmsgid=msg-a:r-6501235717237418956&th=16b06bff0a22c570&view=fimg&sz=s0-l75-ft&attbid=ANGjdJ_HY8gJLVxe_y1Jho7Pi-RgZAJSAY9wrQB322JwtU5wdI56Nx5DzDN-4q7z82pNJ2NN6GLbi6N0MlRUaTg-AaZp7IsadC-gEIVKvyMN63yg8PFWNO5d8BpVj2E&disp=emb&realattid=ii_jwa39wgg20?ui=2&ik=02bb2878fa&attid=0.2&permmsgid=msg-a:r-6501235717237418956&th=16b06bff0a22c570&view=fimg&sz=s0-l75-ft&attbid=ANGjdJ_SCyFTBTNEwkE4P68afZdIqGvVwAh6Gcz_DqPKl3mi1WXuol1ibe6TvcMzi-K5hJ9p6CqD4CqCWbW67mLaTzq8XGHm97QlqjeG7Q9jwlTFsUx-fziBc_OLKps&disp=emb&realattid=ii_jwa39wjh3


  •  1,845
    Elated replied

    Hello there,

    Unfortunately we are unable to view the screenshots you sent. Could you please try to attach them again so that we could provide you with a precise answer.

    2191911538.png

    Also it would be helpful if you could provide us with your wp-admin details(in a private ticket) so we can log in and investigate this further.

    Thank you in advance.

    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.

  •   TheBrainChild replied privately
  •  1,845
    Elated replied

    Hello again,

    To setup the page as the Bayouda page you can use WP Bakery backend code as follows:

    [vc_row css=".vc_custom_1531988122918{padding-right: 6.7% !important;}"][vc_column][vc_row_inner row_content_width="grid"][vc_column_inner][eltdf_elements_holder holder_full_height="no" number_of_columns="one-column" switch_to_one_column="" alignment_one_column=""][eltdf_elements_holder_item item_padding_1367_1600="62px 36px 62px 0 " item_padding_1025_1366="8.3% 9.4% 80px 5.9% " item_padding_769_1024="80px 0 80px 67px" item_padding="112px 0 112px 0" item_padding_681_768="86px 2px 86px 50px" item_padding_680="55px 0 80px 8.4%" custom_class="eltdf-slider-holder-custom"][eltdf_expanding_carousel carousel_size="landscape" change_slides_on_scroll="no" items_link_target="_self" enable_border="yes" enable_navigation="yes" carousel_items="%5B%7B%22item_image%22%3A%223192%22%2C%22item_link%22%3A%22http%3A%2F%2Fsahel.elated-themes.com%2Fportfolio-category%2Fconcept%2F%22%7D%2C%7B%22item_image%22%3A%223193%22%2C%22item_link%22%3A%22http%3A%2F%2Fsahel.elated-themes.com%2Fportfolio-item%2Fdiscover%2F%22%7D%2C%7B%22item_image%22%3A%223194%22%2C%22item_link%22%3A%22http%3A%2F%2Fsahel.elated-themes.com%2Fportfolio-item%2Fsixth-sense%2F%22%7D%2C%7B%22item_image%22%3A%223195%22%2C%22item_link%22%3A%22http%3A%2F%2Fsahel.elated-themes.com%2Fportfolio-item%2Flife%2F%22%7D%5D" navigation_bottom_offset="60px" navigation_left_offset="0px"][/eltdf_elements_holder_item][/eltdf_elements_holder][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row content_text_aligment="left" css=".vc_custom_1531987526881{padding-right: 13.5% !important;}"][vc_column][vc_row_inner][vc_column_inner][eltdf_elements_holder holder_full_height="no" number_of_columns="one-column" switch_to_one_column="" alignment_one_column=""][eltdf_elements_holder_item item_padding_1025_1366="0 4.6% 0px 9%" item_padding="0 0px 0 113px" item_padding_1367_1600="0px 21px 0 64px " item_padding_769_1024="0 23px 0 161px" item_padding_681_768="0px 7px 0 108px" item_padding_680="0 10% 0 25.3%" custom_class="eltdf-portfolio-list-holder-custom"][eltdf_portfolio_list type="masonry" number_of_columns="three" space_between_items="large" enable_image_shadow="no" orderby="date" order="ASC" item_style="gallery-overlay" additional_effects="article-loading-animation" category="basic"][/eltdf_elements_holder_item][/eltdf_elements_holder][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]
    

    Once you add the code in the backend you should get a setup like in the image below:

    6584994622.png

    Unfortunately, we were unable to login into your admin panel(see image below) and inspect the setup of your page. If the above did not work could you please check that we have the right credentials so we can log in and investigate this further?

    9357707085.png

    Thank you in advance.

    Hope this helps if there is anything else that we can help 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.

  • TheBrainChild replied

    Thank you, I have just noticed that the mobile header icons are left justified - how to I make them right justified?



  •  1,845
    Elated replied

    Hello there,

    You could achieve this if you add the following code into Appearance -> Customize -> Additional CSS:

    .eltdf-mobile-header .eltdf-vertical-align-containers-inner {
        text-align: right;
    }

    If there is anything else that we can help you with, feel free to ask!

    Best regards!

    Joey


    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.

  • TheBrainChild replied

    That worked perfectly. Thank you so much :)

  •  1,845
    Elated replied

    You're welcome,

    Let us know if there's anything else!

    Best regards!

    Joey


    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.