Okay
  Public Ticket #2104668
Using the theme
Closed

Comments

  • mejisan started the conversation

    Hi there, 


    i have purchased and installed Kyoto. I thought it would give me a huge variety of layouts/templates to use for different page types, such as blog, homepage etc But i still only have elementor canvas, elementor full width and slider revolution blank to choose from .


    where do i find the page layouts/templates?

  • mejisan replied

    i just realised it may be cos i havent done the demo install. just tried to do tha tbut got 

    [ERROR] Failed to import " placeholder-slider " (Media)

    The demo import has finished, but there were some import errors. More details about the errors can be found in this log file

    how do i fix this?


    Log file says:


    ---Downloaded files---
    The import files for: Main Demo were successfully downloaded!
    Initial max execution time = 30
    Files info:
    Site URL = http://melodylakerart.com
    Data file = /homepages/10/d793029083/htdocs/app793029270/wp-content/uploads/2019/08/demo-content-import-file_2019-08-04__21-44-52.xml
    Widget file = /homepages/10/d793029083/htdocs/app793029270/wp-content/uploads/2019/08/demo-widgets-import-file_2019-08-04__21-44-52.json
    Customizer file = /homepages/10/d793029083/htdocs/app793029270/wp-content/uploads/2019/08/demo-customizer-import-file_2019-08-04__21-44-52.dat
    Redux files:
    not defined!
    ---Importing widgets---
    Main Sidebar : 
    Search - No Title - Widget already exists
    Recent Posts - No Title - Imported
    Recent Comments - No Title - Widget already exists
    Categories - No Title - Widget already exists
    Tag Cloud - No Title - Imported
    Shop Sidebar : 
    Product Search - No Title - Imported
    Filter Products by Price - Filter by price - Imported
    Cart - Cart - Imported
    Products by Rating - Top rated products - Imported
    Footer Sidebar 1 : 
    Text - No Title - Imported
    Footer Sidebar 2 : 
    Text - No Title - Imported
    Footer Sidebar 3 : 
    Text - No Title - Imported
    Footer Sidebar 4 : 
    Text - No Title - Imported
    Sliding Bar Sidebar : 
    Custom HTML - Start Now - Imported
    Text - About Us - Imported
    Recent Posts - No Title - Imported
    Navigation Menu - Quick Menu - Imported
    Tag Cloud - Tag Cloud - Imported
    Custom HTML - Start Now - Imported
    ---Importing customizer settings---
    Customizer settings import finished!
    ---pt-ocdi/after_import---
    


  • mejisan replied

    Also, how can i combine products and portfolio items in the same slider? Ie. some of my items will be for sale while some wont but i want to display them all together in one slider - how do i do that?

  •  675
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    It seems like the demo is already imported, you can simply ignore the bugs on the demo import.

    As for the other question, please check on the following article.

    https://www.themepunch.com/slider-revolution/post-based-sliders/

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    ALSO when i choose products for the slider and then select metro, no pictures appear

  • mejisan replied

    Thanks. I've looked at that link but perhaps this is not actually a slider (sorry, i'm still learning all the technical terms!)

    I am having some issues (see attached image): 

    •  when i choose 'products' and then select 'metro', no pictures appear - why is this and how do i fix?
    • How can i stop 'out of stock' badge appearing on the corner of pictures which are out of stock? 
    • How can i stop the price appearing on out of stock items when i hover mouse over their pic?
    • how can i combine products and portfolio items?

    Thanks

  •  675
    Neuron replied

    Hi Mejisan,

    1) When you choose metro, please go to the query tab and add the posts one by one there.

    2) Simply add the following style in Appearance > Customize > Additional CSS.

    .l-woocommerce-wrapper .product-holder .l-woocommerce-wrapper__product .o-neuron-hover-holder .o-neuron-hover-holder__header .a-woo-badge {
        display: none !important;
    }

    3) Simply add the following style.

    .l-posts-wrapper .selector.outofstock .price {
      display: none !important;
    }

    4) Well, by default that is not possible, but you can achieve it easily by adding some products and redirect them to the portfolio item, check on the page settings, you can redirect there the product.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    .Thanks. Some other issues/questions:

    • Is there any way to  edit the core template used for the product page without coding? ie. with a wysiwyg editor for example, so i can adjust how it looks?
    • There seems to be an issue with some details on the product page overlapping/being hidden ( see red circle in example attachment) what is this and how do we fix?
    • When you click the magnifying glass, the image pops up with a blackbackground but no bigger than it was on the product page and with no option to zoom in closer - how can i change that? Also, how can I get rid of the photo file name that displays?
    • I'm having trouble with image galleries not resizing or cropping pictures uniformly - in the attached image you can see that they are not all cropping to square - how do i fix this? Ive tried all the different size options and whichever i choose, the images are never the same size/shape.
  •  675
    Neuron replied

    Hi,

    1) Well, that by default is not possible, what you can do is change the template page to Elementor Canvas and start modifying it via Elementor, but don't know if you can enter such add to cart or something there. Please check on the plugins, if you can find any free plugin that contains product details in Elementor.

    - https://wordpress.org/plugins/search/elementor+woocommerce/

    2) Please try to add the following style in Appearance > Customize > Additional CSS.

    .woocommerce .quantity .quantity-nav {
        height: 42px !important;
    }

    3) Well, that is the WooCommerce lightbox, you can remove the title, simply by adding the following style at Appearance > Customize > Additional CSS.

    .single-product .pswp__caption {
        display: none !important;
    }

    You can see and modify it, maybe online you'll find something useful.

    https://gasolicious.com/use-different-lightbox-woocommerce/

    4) If you are using thumbnail sizer after finishing the posts, you have to regenerate their thumbnails, follow the instructions below to regenerate thumbnails.

    1. Install the plugin Regenerate Thumbnails.
    2. Go to Tools > Regen. Thumbnails and press the button Regenerate All Thumbnails.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there

    Sorry for the delay. Thank you 

    1. I tried adding the code but I'm afraid  I am still having issues with the product page - the quantity box and plus and minus icons and the add to cart box should appear like they do here http://melodylakerart.com/product/product-simple but you can see here on my site, that they are not displaying properly, and the plus and minus icons dont actually do anything
      1. Also, for items that there are only one of, i obviously do not need to plus and minus icons at all, i only need the 'add to cart' box. Where this is the case, I have ensured the stock quantity says 1 and checked the 'Enable this to only allow one of this item to be bought in a single order'  but for some reason the plus and minus icons are still displaying on the product page, how do i fix this? 
      2. When i click the image on the product page, it does a faint flash and looks as though it has loaded two copies of the image one over the top of the other - as a result there is a grey bar at the bottom of the picture and the title is dull and greyed out untill you click it (which appears to clear the top copy of the image). Please can you help?
      3. Once we have fixed all the issues, how do i save the product pages as templates for future use? Or do i just have to duplicate them and edit the duplicates in future?
    2. I know my theme came bundled with Slider Revolution, and it has an update available - their plugin page (see attachment) says i have to update through my theme - how do i do this?
    3. On this page, under the heading 'Exploring commercialism, perfection, controversy, greed, temptation & outrage' I have product tiles. Is it possible to make the whole tile linked to the product, rather than just the text? or if not, is it possible to at least make a bigger catchment area around the text hyperlinked? 
    4. Above the tiles there are filters - for some reason, 'uncategorized' is appearing as a filter even though i dont have any products that are uncategorised. How can i remove this filter? 
      1. Also, is there any way to select or omit particular filters from showing? 
      2. How can i make the filters display nicely on mobile? at the moment it is a total mess/jumble. it'd be good if the filters maybe appeared in a drop down menu possibly
      3. For some reason, when i select 'flowers' or  'music' it is not displaying the products in those categories - it is as though it is only filtering the initial 6 that load when the page loads, which is obviously pretty useless. How can i fix this?

    Very much appreciate you help, thank you

  •   Neuron replied privately
  • mejisan replied

    Hi thanks for coming back to me so quickly.

    On 1. i dont want to remove it completely on all products, i only want it to not display for products that there are only one of - this should be automatic, right?  How can we fix?

    2. I hadnt installed an extra lightbox, . However, i did o disable the open all url images in lightbox in global emenetor settings and that fixed it ! Thank you 

    3. thank you!

    4. thank you!

    5. I added the css but i'm afraid  it is not working - still only the title of each product on the grid is linked to the product page, wheras i want either the whole tile to be linked a square area around the title and price to be linked

    6. thank you!

    7. I downloaded the head aand footer plugin and pasted the code as directed but all it has done is put the code at the bottom of the page (see attached pics) and not improved how the categories display on mobile at all. 

    8. really? is there a way to get the filters to search all products rather than just those displayed? this is pretty critical to me.

    9. extra question: how can i get the product grid to display in two or three columns on mobile? currently it is displaying as 1 column

    Thanks very much again for your help

  •  675
    Neuron replied

    Hi Mejisan,

    You're welcome anytime.

    1) It's strange, because the + and - appear only when the input is displayed, please add the following style.

    .woocommerce .quantity input[type="hidden"] + .quantity-nav {
        display: none !important;
    }

    This will hide the quantity nav if the input is hidden.

    5) Add also the z-index, it will work on that way.

    .l-woocommerce-wrapper__products-holder .product-holder a:nth-child(2) {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 1000000;
    }

    7) Ups, make sure to wrap it with script tags.

    <script>
        the code
    </script>

    8) I am very sorry but that's how the filters work for the moment, it will require a lot of work for us to achieve something that will work with all the posts. It's in our plan for the next update, but can't give any exact date. Maybe you can hire a freelancer and he/she can quickly finish it for you.

    9) For two columns add the following style

    @media (max-width: 991px) {
        .l-woocommerce-wrapper__products-holder .selector {
            flex: 0 0 50% !important;
            max-width: 50% !important;
        }
    }

    For three columns

    @media (max-width: 991px) {
        .l-woocommerce-wrapper__products-holder .selector {
            flex: 0 0 33.333% !important;
            max-width: 33.333% !important;
        }
    }

    So, the code will work from 991px and below, you can change that to any number. It represents the width of the browser.

    Feel free to ask for anything you need.


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    hi 

    Thank you, I'm afraid several of those things havent worked :( please help:

    1. I still want the + and - etc to appear when there is more than one of an item. I just want it to not show when there is only one of the item available. Can i you help me achieve that? The code you gave me in your last message didnt actually make any difference anyway :( and we still have the issue that the box with the number of items in it (as circled in the attachment) is not showing 

    5. thanks, that worked, but there is a problem with the plus icon on the tile - if you click the centre of the + it does not add the product to the cart, instead it goes to the product page. To add an item to the cart you have to very carefully click the corner of the plus box. How can we adjust so that the whole of the + box adds a product to the cart (including the very centre of the +)?

    7. The code doesnt work even with the script tags. All the code does is make the filters on computer not hyperlinks (see attachment) and it made no difference at all to how the links displayed on mobile. Could u check the code? (nb. i have removed the code for the moment while you fix)

    9. Thank you, this worked perfectly. But i am for some reason now experiencing an issue where only 5 images appear on page load instead of 6 (this is happenign regardless if viewing on laptop or mobile). The tile that is missing is the one entitled 'kiss' . please help, i dont understand why this has suddenly happened

    10. How do i centre align the black social media icons at the bottom of my homepage using elementor? I want to know how to do this using elementor/wordpress rather than custom code if possible? I have set the footer to one column of widgets but i cant see how to edit the width of that column or the alignment of objects within it

  •  675
    Neuron replied

    Hi Mejisan,

    I am very sorry for the late reply, somehow I missed your ticket on the morning.

    Can you please provide me with your wp-admin, I will try to take care of these issues.

    Don't forget to tick private on the reply.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   mejisan replied privately
  •  675
    Neuron replied

    Hi,

    1) Well, if the stock quantity is at 1 the + and - won't appear, since you can't choose more than 1. I've changed licked to 2 stock quantity and the + - appeared. https://prnt.sc/oz28yb

    5) The z-index value was not on the proper index, I have increase it and now it seems to be working alright.

    7) I have modified more the JavaScript, sorry the code was working in another theme, it is working now. You can test it, there's a select to choose filters on mobile.

    9) What devices you're using? It seems to be working alright on real devices and simulators.

    https://prnt.sc/oz4qxk

    10) Seems like you have already solved it.

    Feel free to ask for anything you need and I apologize for the late reply.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hey thank you so much

    5. Unfortunately this is still an issue: on the homepage product tiles if you click the centre of the + it does not add the product to the cart, instead it goes to the product page. To add an item to the cart you have to very carefully click the corner of the plus box. How can we adjust so that when you click the centre of the + it loads the product page rather than adding anything to the cart

    New issue: If you click the 'figurative and portrait' filter, it filters what is currently shown down to 4 pics, which is fine, but then if i click 'show more' it only loads 6 more which leaves the bottom row incomplete, with just one image in it - why is it doing this even though there are enough products left in that category that it could complete the row? How can i make it default to loading enough to complete the row when you  click 'show more'?


    thanks again for all your help


  •  675
    Neuron replied

    Hi Mejisan,

    I am sorry for the late reply. You're welcome anytime, feel free to ask for anything you need.

    5) Oh, I understand it now, earlier we added some Custom CSS that made the whole box clickable, that's why the plus is not being touched properly. You can disable it easily by making the whole box clickable.

    .o-neuron-hover.o-neuron-hover--meta-inside .o-neuron-hover-holder .o-neuron-hover-holder__body {
        top: 0 !important;
        right: !important;
        bottom: !important;
        left: !important;
    }
    

    Hmm, have you fixed this? It seems like you have added kind of Ajax? Is that right? It seems to work pretty awesome.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there

    Apologies for silly questions, im new to woocommerce and pretty new to wordpress as a whole.

    I want to use wide grid as my shop layout i think. I cant see a way to add a side bar that contains filters but I'm sure this must be pretty basic and available easily. 

    I want the side bar to allow me to filter by price, size/dimensions, category etc. It'd be great if it also let me filter by other meta etc too. 

    How do add this? 

    Also, as a second question, i went in to woocommerce and tried to select 'wide grid' as the shop page but when i do it then stops me being able to edit the page in ecommerce as it says something about 'the_content' being missing. It also then makes the page display wrong. Any idea why this is?  is it important to select the page?


    Finally, how do I make sure that only items that are in stock show in the shop?

    All help much appreciated

  •  675
    Neuron replied

    Hi Mejisan,

    Well, when you select the page at WooCommerce Settings, you make it static archive so you won't be able to edit with Elementor, you can either leave it selected and affect the page with the options that are located in Appearance > Customize > Shop or leave it unselected and edit it with Elementor, you have the option to choose the sidebar in Elementor, simply paste through the element sidebar.

    The sidebar widgets can be placed at Appearance > Widgets > Shop Sidebar

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks.

    I want the side bar to allow me to filter by price, size/dimensions, category, attributes etc. i have added 'filter by attribute' and 'filter by price' to the shop sidebar widget but the filters dont show up on the page  unless I select the page as the shop page in woocommerce settings (see pic above before the page is selected in woocommerce showing the filters are not there) . BUT the problem is, when i do select the page as the shop page in woocommerce, it totally ruins the page - see here pleeeeease help. It is driving me mad :( 

    I have tried this with all the other page layouts (boxed, sidebar etc) and it does the same thing - doesnt show the filters untill you select the page as the shop page in woocommerce, and then it ruins the page.

    Also, how do I make sure that only items that are in stock show in the shop? 

  • mejisan replied

    as below

  •  675
    Neuron replied

    Hi Mejisan,

    I understand you completely now, can you please try the following plugin.

    - https://wordpress.org/plugins/woocommerce-ajax-filters/

    It will allow you to do the exact things that you're asking.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi, 

    No, I am afraid  that as soon as I select the shop page in woocommerce, it ruins the page (see pictures 2 and 3).

    Also, how do i exclude 'out of stock' items?

    Please can you help? You should have my admin details from before.

  •  675
    Neuron replied

    Hi Mejisan,

    Somehow while trying to de-activate some plugins, I ran into a big issue which took down the page.

    I'm very sorry about that, the problem seems to be as I could see at the file permissions, please change them to 755. Because the server is not allowing to write CSS files and other stuff that are needed.

    If you have access in FTP, please remove the following plugin which broke your page. 

    - flow-flow-social-streams

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there 

    Which page is down?

    What do you mean by 'file permissions, please change them to 755'?

    Flowflow plugin has been on the site for ages working fine so not sure what u mean ?


  •  675
    Neuron replied

    Hi,

    I cannot access the WordPress admin through my user.

    Yes, but when I tried de-activate it, something got crashed. So, my solution for the shop page is to change file permissions of the WordPress folder in your server to 755 and all subdirectories, so it will allow CSS files and other files to be written.

    https://www.hostpapa.ca/knowledgebase/change-file-permissions-wordpress/

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi 

    I have done as you asked with 755 etc and spoken to my hosting to resolve the situation so you can login ok. So, going back to the issue:

    1. As soon as I select the shop page in woocommerce, it ruins the page . Currently i have selected 'wide shop grid'  as the shop page in woocommerce settings and as soon as i did so it ruined the page and grid layout etc see here. : http://melodylakerart.com/shop/shop-wide/shop-wide-grid/
    2. How do I exclude 'out of stock' items?
    3. I'm getting notifications that Kyoto theme has out of date woocommerce templates: kyoto/woocommerce/cart/mini-cart.php version 3.5.0 is out of date. The core version is 3.7.0, and kyoto/woocommerce/loop/result-count.php version 3.3.0 is out of date. The core version is 3.7.0, Can you update them?
    4. How can i create a new header skin? I want this page's header to have the light skin on the menu etc, but the website name still needs to be black ('Melody Laker' in the top left) otherwise you cant see it
    5. If I wanted to make a copy of this portfolio item page template, such as this one, and use it as a normal page instead, how would i do that? Similarly, if I wanted to use a portfolio item page template as a template for products, how would i do this?
    6. My custom page templates are not appearing in the 'templates' drop down for each page.
       I am trying to get this page template "Page template from portfolio vertical " custom page template, to show up in the Page attributes / template drop down but it wont appear. I have read this may be somethign to do with my theme. Any idea?
    7. I am trying to change the colour of the 'send' button on this page, but nothing is changing (it is currently set to green but still apears black) Also,  how could i put a bit of space between the last field and the button?  http://melodylakerart.com/commissionartwork/ 

    Please can you help? You should have my admin details from before.

  •  675
    Neuron replied

    Hi Mejisan,

    Okay, thank you.

    I am very sorry for the late reply.

    1) As for the shop page, you should select a blank page to get that done, because if a page has already filled content it will mess up. So, I have assigned the shop page to another page.

    http://melodylakerart.com/shop/

    So now the options from Appearance > Customize > Shop will take place for that page.

    2) Well, you need to open the file at neuron-core-kyoto > includes > widgets > posts > base.php

    And in line 3101 you need to add the following snippet. https://prnt.sc/pi0hcp

    $args['meta_query'] = [ 
        array(
            'key' => '_stock_status',
            'value' => 'instock'
        )
    ];

    3) Done.

    4) You can check on the neuronthemes videos how a header can be created.

    https://www.youtube.com/watch?v=it4mwiu1tGw&list=PLQ6ar32WAK87_Ntwui3kmPOmIVhem19wu

    The assignment for a page can be done by going on the page settings of that page then in header settings simply set the type to template and a new field below will appear.

    5) You can save is as template and re-use it later. https://prnt.sc/pi0irv

    You can access it anytime by clicking the folder icon. https://prnt.sc/pi0ixk Then go to my templates.

    6) Well the page attributes are something else, these are only template and the other that you're specifying are page templates and new can be added only by adding new templates on the code.

    7) Well that's the form element of Elementor PRO, if the options are not working you can add the following Custom CSS.

    .elementor-52 .elementor-element.elementor-element-87f7f03 .elementor-button {
        background-color: your_color !important;     color: your_color !important;     // Space     margin-top: 30px !important;
    }

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there, 

    Thanks so much

    1) is there no way to have the shop page selected in woocommerce then? It seems that not having it selected means certain functions, such as filters etc dont work properly.

    2) I did this but it is affecting all pages ie. it is stopping out of stock items from appearing on http://melodylakerart.com/ too. This isnt what I want - i only want out of stock items to be hidden on the shop page. Please help

    3) thank you!!!

    4) I dont want to change the header, just the header skin.  I want this page's header to have the light skin on the menu  buttons on the right, but the website name still needs to be black ('Melody Laker Art' in the top left) otherwise you cant see it. When I follow the video you gave me, it tells you how to create a header, not a header skin. I dont want to create  a whole new header, i just want to  create a variation of the existing one which is white apart from the website name in the top left , which should be black. When i try  to edit any of the headers listed under templates, the website name doesnt show (melody laker art) and the menu doesnt show  so i cant change colour anyway.

    5) thanks,  that seems to import the page content rather than duplicating the entire page including headers etc but it will be ok for the moment i think

    6) See picture for the drop down i was talking about - Is there no way of creating a template from a page such as Page template from portfolio vertical  and then using this drop down to import it? 

    7) I think its something in the theme that is stopping the settings working in the UI though. Are you able to fix that?

  •  675
    Neuron replied

    Hi Mejisan,

    I am very sorry for the late reply, we were not working on the weekend.

    1) Yes, you can leave it unselected, or keep it selected and use just as redirect.

    https://wordpress.org/plugins/redirection/ <- Plugin which helps you to create redirection.

    2) Yes, of course, replace the last PHP with the one below.

    if ( is_shop() ) {
        $args['meta_query'] = [ 
            array(
                'key' => '_stock_status',
                'value' => 'instock'
            )
        ];
    }

    4) Please check under the page settings > header, you can choose the the skin there. There are to skins light and dark.

    5) You can use the duplicate post plugin.

     - https://wordpress.org/plugins/duplicate-post/

    6) That's not how it works actuallyfrown.png The vertical portfolio cannot be selected or any other as page template, only these that are already listed. You can use the duplicator that I have sent you below.

    7) Well, you're right about it, but we needed that for some of our formsfrown.pngYou can either use the following style that I have sent in the previous reply, or the one below.

    input[type='submit']:hover, 
    button:hover, 
    .button:hover {
        color: #ffffff !important;
        background-color: #000000 !important;
        border-color: #000000 !important;
    }

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi thanks,

    I'm working through your replies.  

    1. If i dont select it as the shop, it seems to cause problems with my filters (i'm using the filter you recommended)

    2: this has not worked - it has fixed the problem caused by the previous code which stopped out of stock items appearing on the homepage, but it is allowing out of stock items to appear in the shop page, see here: http://melodylakerart.com/shop/shop-wide/shop-wide-grid/. For clarity, all products should show on homepage, whether in stock or out of stock (this is how it is currently, which is fine). On the shop page it should be only in stock products

    4. Thanks, but how do I create a new header skin? I want this page's header to have the light skin on the menu  buttons on the right, but the website name still needs to be black ('Melody Laker Art' in the top left) otherwise you cant see it. When I follow the video you gave me previously it tells you how to create a header, not a header skin. I dont want to create  a whole new header, i just want to  create a variation of the existing one which is white apart from the website name in the top left , which should be black. When i try  to edit any of the headers listed under templates, the website name doesnt show (melody laker art) and the menu doesnt show  so i cant change colour anyway.

    5. How can i make the outline for all the form fields the same thickness as the outline around 'choose file, no file chosen'  http://melodylakerart.com/commissionartwork/

    6. when i click the search icon (magnifying glass) on the home page http://melodylakerart.com/ it brings up a search field but the cross in the top right corner does not allow you to close it, how can i fix?

    7. None of my posts are showing on  this masonry blog page http://melodylakerart.com/blog/blog-boxed/blog-boxed-masonry/ any idea why?

    Can you help?

  •  675
    Neuron replied

    Hi,

    You're welcome anytime, feel free to ask for anything you need.

    2) I am not able to edit the plugins, so I can't add or remove css. There are several conditions to show or hide them.

    is_woocommerce() 
    is_shop() 
    is_product_category() 
    is_product_tag()
    is_product()
    is_cart()
    is_checkout() 
    is_account_page()

    Without being selected the shop page won't be able to work only with is_shop.

    So, you can try adding the following condition.

    if ( is_shop() || is_woocommerce() ) {
        $args['meta_query'] = [ 
            array(
                'key' => '_stock_status',
                'value' => 'instock'
            )
        ];
    }

    4) You can change easily the skin simply by going at Page Settings > Header Settings > Skin.

    5) Via the Custom CSS.

    .elementor-field-textual.elementor-size-sm {
        border-width: 2px;
        border-style: solid;
        border-color: #000000;
    }

    6) I've tested it on Chrome, Safari and Firefox all of these closed correctly, let me know the browser and I'll see, you can try increasing the z-index, if that works for you.

    .m-site-search .m-site-search__content .m-site-search__close-icon {
        z-index: 10000 !important;
    }

    7) I have edited the page with Elementor and simply selected the categories on the query list. https://prnt.sc/pn1ich

    They're displaying correctly now.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks.

    1. You don't seem to have replied to this point? 

    .2. I don't understand where I put this to stop the shop page showing out of stock items ? http://melodylakerart.com/shop/shop-wide/shop-wide-grid/

    4. That only seems to let me choose from dark or light skin. But I want this page's header to have the light skin on the menu  buttons on the right, but the website name still needs to be black ('Melody Laker Art' in the top left) otherwise you cant see it. 

    6. I'm using chrome on a large screen laptop. Where do I put the code you provide?

  •  675
    Neuron replied

    Hi Mejisan,

    1) I thought you solved this one, the filters are able to be used only in archive shop pages.

    2) I've mention it on the previous replies. You need to open the file at neuron-core-kyoto > includes > widgets > posts > base.php

    And in line 3101 you need to add the following snippet. https://prnt.sc/pi0hcp

    4) You can force the logo title to stay black. The CSS should be added in Appearance > Customize > Additional CSS.

    .a-logo.a-logo--text a {
        color: #000 !important;
    }

    6) The CSS should be added in Appearance > Customize > Additional CSS.


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks for coming back to me. I really appreciate your support

    So, sorry if i'm being daft, but I'm confused about point one. You said I didnt need to select the theme's shop page as the shop in woocommerce settings (http://melodylakerart.com/shop/shop-wide/shop-wide-grid/) . But i think you are now saying that the filters you recommended wont work unless I do? How can i have the shop page display like shopwidegrid and have the filters work?

    I spoke to the filter plugin author who said:

    Elementor module "Products" work with our plugin. If it is template of product archive page, then it must use Elementor "Archive Products" module. If this page used some custom module from your theme, then contact theme author to add hook "woocommerce_shortcode_products_query" same as WooCommerce shortcode do it.

    Can you help please?


  •  675
    Neuron replied

    Hi Mejisan,

    I am very sorry for the late reply, okay I have the idea for the moment. Can you please do the following things, provide me with the plugin, I'll test it local and see what I have to change on the code to make them filterable, I'm sure it won't take much time.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks. Here is the filter plugin you recommended. 

    I think the page needs to use products module to work and at the moment it is just using posts module which is strange given it is a shop page

    I know you said previously that i didnt need to select the shop page within woocommerce, but it really seems like we do need to - without doing that a lot of other things dont seem to work. For example, i added the code snippet you gave me 

    if ( is_shop() || is_woocommerce() ) {
        $args['meta_query'] = [ 
            array(
                'key' => '_stock_status',
                'value' => 'instock'
            )
        ];
    }

    but out of stock products are still displaying on the shop page :( . (http://melodylakerart.com/shop/shop-wide/shop-wide-grid/)

    4.  I added the css but it didnt do anything. The logo is still white on the page in question . Anyway, i dont want it to force it to stay black on any other page (it should use the normal skins) I just want it to be black on this  page because the page background is white so you cant see the logo if it is white.

    There is something weird going on with skins anyway. even when i changed the skin on this other page to dark (just as a test) http://melodylakerart.com/contact/ it left the logo white so i still cant see it


  •   Neuron replied privately
  • mejisan replied

    Hi there

    Are you asking me to replace a file with the one you've provided? or just put this file along side any others that are there?

    How do I make plugins editable from the wordpress admin as you request?

    It seems that a big part of the problem is that the shop pages in the theme have not been built using the products module. Instead they have been built using the posts module.

  •  675
    Neuron replied

    Hi,

    Yes, replace it with the one that exists there. Well I guess the file permissions of wp-content > uploads needs to be changed to 777.

    Well, I agree on that, but we planned posts as a huge element which would cover all the post types, but we'll consider it on the upcoming updates.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks, I'll have a go at that. 

    In the meantime, could you help me fix no.4 (below)  I added the css but it didnt do anything. The logo is still white on the page in question . Anyway, i dont want it to force it to stay black on any other page (it should use the normal skins) I just want it to be black on this  page because the page background is white so you cant see the logo if it is white.

    There is something weird going on with skins anyway. even when i changed the skin on this other page to dark (just as a test) http://melodylakerart.com/contact/ it left the logo white so i still cant see it.


    thanks


  •  675
    Neuron replied

    Hi Mejisan,

    Can you please double-check the first page, it is sending me to a 404 page. https://prnt.sc/ppq6jj

    In contact page I am not seeing any logo uploaded, please check on the page settings, there can be any logo uploaded but that is missing, so that's why it is not showing the logo from the Customizer, you can upload there easily a custom logo.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hey, sorry i've fixed the link that was broken (below)

    I dont have a logo image, just 'Melody Laker Art' text in the top left of the header, that's what I'm referring to.

    'Melody Laker Art' is still white on the page in question even after I added your code. On this page, and only this page, I want it to be blackbecause the page background is white so you cant see it if it is white. I know i can change the skin to dark, but then the menu will change to black and you wont be able able to see it well. In summary - on this page only, i need the site title (Melody Laker Art) in the header to be black and the menu to be white.

    There is something weird going on with skins anyway. even when i changed the skin on this other page to dark (just as a test) http://melodylakerart.com/contact/ it left the logo white so i still cant see it.

  • mejisan replied

    Also, when i click 'contact' the search and cart drop down (as you can see in attachment) how can i fix this?

  •  675
    Neuron replied

    Hi Mejisan,

    I spotted a weird issue, these pages seems to be imported with their own logos and when you removed the images, the logo was still there but not displaying, so what I did is that I have uploaded a logo and removed them, so it cleared the cache(logos) onto them.

    Both pages are working alright now.

    - http://melodylakerart.com/about/

    http://melodylakerart.com/contact

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks so much. 

    1. How can I get rid of the breadcrumb on my product pages? 
    2. And also, how can i make the product image thumbnail on this page display as a square the same size as the 'placeholder' boxes below it? (nb it still needs to open into lightbox when clicked and have the mouse over zoom feature it has currently, but i want it to display as square on this page) 


  •  675
    Neuron replied

    Hi,

    You're welcome anytimesmile.png

    1) Please go to Appearance > Customize > Utility > Breadcrumbs. https://prnt.sc/pqopju

    2) Well, since you're using Elementor PRO, you can add an image and set the dynamic to the featured image.

    - https://prnt.sc/pqoq9v

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    1) I dont have that option - this is what i see - https://prnt.sc/pqp8pn . The only breadcrumb option is under hero and that disables it across the site rather than specifically on product pages. But its probably fine for now

    2) i just did that, but now i dont have the magnifying glass zoom feature or the lightbox feature on click :( please help

    3) how can i reduce the big gap between the product image and the title on this page http://melodylakerart.com/wp-admin/post.php?post=20208&action=edit (nb the title needs to stay where it is, and just the gap below it reduce)

    4)How can i remove the 'in stock' label?

    5)how can i make each the whole of each product image on this page clickable (linked to the product page)? At the moment only the title is http://melodylakerart.com/shop/

    6) also, how can I make the add to cart + buttons on this page http://melodylakerart.com/shop/look and work the same as they do on this page: http://melodylakerart.com/?

    7) how can I get rid of the 'prev' and 'next' navigation at the bottom of the product page

  •  675
    Neuron replied

    Hi Mejisan,

    2) You have the product images element, that will work just as you're looking. https://prnt.sc/pr25j9

    3) Do you mean this spacing? https://prnt.sc/pr26co - Tick on the column and change the widget spacing. https://prnt.sc/pr27v2

    4) I've applied some custom Custom CSS for that, you can check it.

    5) I believe that cannot happen because of the Add to Cart icon, it would make that unclickable.

    6) There were some classes that needed to be added, I've added one to the element itself and one to the section holder, it looks the same nowsmile.png

    7) Go to Appearance > Customize > Shop > Product and set the navigation to Hide. https://prnt.sc/pr4aef

    I already did it on your website.

    Kind Regards

    NeuronThemes


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi thanks

    2. Product images is what i had in the first place when i first asked you how to make it appear as a square that is the same size as the square sections on the rest of the page. Can you tell me how to make the image display as a square, while keeping the maginifying/zoom feature and lightbox on click ? there is no option in the settings for it

    3. yes, the space between the heading and other content, but on THIS page https://melodylakerart.com/shop/shop-wide/shop-wide-grid/num/ . I cant edit it using elementor as it is the theme product page so probably need some css?

    4. thank you !!

    5. Can we at least make most of the tile clickable then? even if not the edges where the add to cart button is?

    6. Thanks but that doesnt seem to have made any diffference - both look and behave exactly like they always did - see pic showing both - https://prnt.sc/pr4ook

    7. it is already set to hide and it is still showing https://prnt.sc/pr4qkh

    8. How can i make the shop page display two columns of products on mobile? I tried changing the column setting from the page  and from customise but its still only showing in one column

  •  675
    Neuron replied

    Hi Mejisan,

    I am very sorry for the late reply, we were not working on the weekend.

    2) I'm sorry but I don't know how to manipulate with their element(Elementor PRO elements), you can try something like creating a section and adding the feature image there, but not maybe the solution you're looking. https://prnt.sc/ps6fpd

    3) Ah sure, I thought for the one with Elementor. https://prnt.sc/ps6hhe

    First is for the title and second is for the description.

    5) Sure, I have added more coverage. https://prnt.sc/ps6j60

    6) Can you please let me know what element you're viewing, this seems alright. https://melodylakerart.com/?elementor_library=melodys-first-archive

    7) Actually that hides it, so please just check on the product settings, if you're inheriting the values or not.

    8) Well, that requires some extra CSS. https://prnt.sc/ps6kjr

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there

    on 2)  i think we are speaking at crossed purposes. You guys must know how to add and resize an image with magnifying glass zoom feature  as it was built into the theme and on every product page! All i want to know, is how to make the product image thumbnail  on top left of this page display as a square ( the same size as the 'placeholder' boxes below it? ) If i use image, dynamic etc as shown in your screenshot, i dont get the magnifying glass and lightbox features

    3) Thanks, but you've changed the wrong bit. The description etc was fine as it was. I was asking about reducing the gap between the title and product image - see here https://prnt.sc/psrwee . Can you revert the last change and fix this bit please?

    5) thank you! this is sooooo much better :)

    6) To recap: we need to make the add to cart + on the shop page the same as the home page. This is how it looks on the homepage https://prnt.sc/psryrr but on the  shop page  it is white and invisible. Please can you just make sure the plus icon looks the same on the  shop page  as it does on the homepage? ALSO, it would be good if all "add to cart" + icons could take you directly to the checkout page

    8) it looks like you fixed the products so they display in 2 columsn - thank you so much it looks fab

    9) how can i edit the menu that pops up when i hover over the cart icon in the header? I just want to remove the 'view cart' button. Similarly, on mobile, i want the cart icon just to link directly to the checkout page


  •  675
    Neuron replied

    Hi Mejisan,

    2) I understand your concern, but unfortunately this is not our element, it comes from Elementor PRO, and as far I am seeing, there's not any option to change its thumbnail size. The size depends on the image resolution, so you either change the resolution to another size or modify it via Custom CSS. But be careful it can squash the image.

    .woocommerce div.product div.images img {
        // height: 900px;
    }

    3) Ah, sorry for the misunderstanding. https://prnt.sc/pt7nbp

    6) You were using not a Kyoto element, so I've needed to add some Classes to the section and the element itself, it looks alright now, also it redirects you to the cart.

    9) You can remove the view cart button, simply by adding the Custom CSS.

    .o-mini-cart__total-holder .o-mini-cart__total-holder__buttons .button:first-child {
        display: none !important;
    }

    As for mobile, that button sends you directly to cart not checkout, so you need Custom jQuery.

    From 767 pixels and smaller the cart is already hidden, if you want to hide it earlier, simply add the following style.

    @media (max-width: 1200px) {
        .o-mini-cart {
            display: none !important;
        }
    }
    

    And to change the URL, insert inside the jQuery function.

    jQuery(function ($) {
        if ($(window).width() < 991) {
            $('.l-primary-header__bag__icon').attr('href', 'http://melodylakerart.com/checkout');
        }
    });
    

    991 represents the width of browser, it can be changed to any number.

    Feel free to ask for anything you need

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    2) thats frustrating. I just need the window to crop but not resize. if you think of anything, please let me know

    3) Yey! this is perfect thank you

    6) Thanks but i think you misread - i need the + button to take you straight to the CHECKOUT page, not the cart. Apart from that, it looks perfect. please could you adjust?

    9) thank you. Only bit i didnt understand was "

    jQuery(function ($) {
        if ($(window).width() < 991) {
            $('.l-primary-header__bag__icon').attr('href', 'http://melodylakerart.com/checkout');
        }
    });

    Where am i supposed to put that?

    10) the cart portion of my checkout page on mobile isnt displaying properly - its not displaying a thumbnail of the things in the cart, and the cross to remove things is  in a row on its own - how can i fix?

  •  675
    Neuron replied

    Hi Mejisan,

    2) Sure, I don't know why Elementor did not left any thumbnail size option there, it really should be one there.

    6) Alright, maybe with the help of this plugin you'll be able to achieve this.

    - https://wordpress.org/plugins/woo-cart-redirect-to-checkout-page/

    There's also a built in feature where you'll be able to do that, if that seems alright for you. Edit the Cart Page and redirect it to checkout.

    https://prnt.sc/ptny51

    9) The code is custom script and should be added at Settings > Insert Headers and Footers, make sure to add within the <script>your_code</script> just like we did with the old code.

    10) I think, WooCommerce disables the thumbnails by default, as far as I remember.  I've added the CSS which displays the image on mobile, please check it and let me know if it is alright. https://prnt.sc/pto3nk

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi, 

    Thanks. A few things - how do I change this box that appears when you try and add too many items to you cart, so that it says "Checkout" Rather than "View cart" ? Also, the + button on my products doesnt work if you click the centre of the + (only around it seems to be linked). How can we make sure the entire square and + are linked ? https://prnt.sc/pubwcu

  •  675
    Neuron replied

    Hi Mejisan,

    I have added some Custom jQuery to display checkout rather than View Cart. https://prnt.sc/punkl6 You can find the jQUery on 

    I also have added some further Custom CSS for that, you can find it on Appearance > Customize > Additional CSS.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi

    When you add an item to the cart, a box comes up saying {item} has been added - pay below or keep shopping https://prnt.sc/pus94y

    How can i get rid of the ' Keep shopping' button and just have the text hyperlinked instead?  (keep shopping should be linked to www.melodylakerart.com/shop and 'pay below' should be linked to https://melodylakerart.com/checkout/#paynow ) 

    Current code is: 

    function ace_add_to_cart_message_html( $message, $products ) {
    $count = 0;
    $titles = array();
    foreach ( $products as $product_id => $qty ) {
    $titles[] = ( $qty > 1 ? absint( $qty ) . ' × ' : '' ) . sprintf( _x( '“%s”', 'Item name in quotes', 'woocommerce' ), strip_tags( get_the_title( $product_id ) ) );
    $count += $qty;
    }
    $titles     = array_filter( $titles );

    //wc_get_checkout_url ()

    $added_text = sprintf( _n(
    '%s has been added - pay below or keep shopping', // Singular
    '%s has been added - pay below or keep shopping', // Plural
    $count, // Number of products added
    'woocommerce' // Textdomain
    ), wc_format_list_of_items( $titles ) );
    $message    = sprintf( ' %s %s', esc_url('https://melodylakerart.com/shop'), esc_html__( 'Keep shopping', 'woocommerce' ), esc_html( $added_text ) );
    return $message;

    add_filter( 'wc_add_to_cart_message_html', 'ace_add_to_cart_message_html', 10, 2 );

  •  675
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    I have removed the keep shopping button and I have wrapped with div the string. If you want to change it's color, please add the following style.

    .woocommerce-checkout .woocommerce-message {
        color: your_color !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there

    Thanks but its not quite right. 'keep shopping' needs to be hyperlinked to  www.melodylakerart.com/shop and 'pay below' needs to be hyperlinked to  https://melodylakerart.com/checkout/#paynow are you able to adjust please?

    Also, i had another question. I have added a person icon to the header menu which links to the account page. How can i get this to appear on the right hand side of the cart icon? Also, on mobile devices I want the person icon to stay in the header and appear on the right of the cart icon (left of the hamburger) rather than be in the drop down main menu. How do i accomplish this?

  •  675
    Neuron replied

    Hi Mejisan,

    Oops, I just saw that you use a snippet tool, I've modified the snippet there, please check it again, it looks much bettersmile.png

    - https://prnt.sc/pvk9oc

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    You legend! Thank you.

    Are you able to advise on my other question: 


    Also, i had another question. I have added a person icon to the header menu which links to the account page. How can i get this to appear on the right hand side of the cart icon? Also, on mobile devices I want the person icon to stay in the header and appear on the right of the cart icon (left of the hamburger) rather than be in the drop down main menu. How do i accomplish this??


  •  675
    Neuron replied

    Hi,

    Thanks, you're welcome anytimesmile.png

     Well, you should add it as element not directly on the menu, that's why it is not working, add it as Icon Element and you'll be able to add link onto it.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    1. What is an " icon element" ? And where do i go to add one? - cant see the existing header with the search icon and cart anywhere. And how do I make sure it stays in the header even on mobile?

    2. on the bottom of my posts there are category links, how do i hide these? Cant see the option in any settings

  •  675
    Neuron replied

    Hi Mejisan,

    1) I thought you were using the header build feature of Kyoto. 

    Video Tutorials

    In a template header you can build how you want the header, so that's what I thought. In your case I don't know exactly how we can get it to the top, try the following CSS.

    So it will look like this one: https://prnt.sc/pwb376 

    .m-nav-menu--mobile nav ul.menu li.menu-item:last-child {
        position: absolute !important;
        top: -66px !important;
        right: 85px !important;
    }

    2) Do you mean this one? https://prnt.sc/pwb4e2 This is the hero of the post, it can be hidden on page settings or in Customizer for all pages and posts.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi, thanks

    1.  The headerbuild feature only lets you edit  headers you have created or uploaded- it doesnt seem to let you edit the header thats part of the theme straight out of the box. I tried the code you provided but it doesnt work - the person icon only appears once you tap the hamburger and disapears once you close the hamburger menu, so you can never click it.  It ineeds to be there, on the the left of the cart icon, the whole time. 

    2. no I am talking about the links at the bottom of post pages https://prnt.sc/pwia03 (art cake london paintings in pink )

    3. there is also another issue with the menu when using on mobile. If i tap to access the child menu below 'shop', the child option 'my account' appears out of alignment , and randomly at the top right of the menu rather than underneath 'shop' in an expanded menu : https://prnt.sc/pwipga  are you able to fix?

  •  675
    Neuron replied

    Hi,

    1) Well, that's how it works, you cannot edit the actual header, you can create one and assign it to all pages, I don't know If that can be possible(account on all mobile).

    You can check the header builder videos: Video URL

    2) Oh sure these are the tags of the posts, you can easily remove them by adding the following Custom CSS.

    .p-blog-single__tagcloud {
        display: none !important;
    }
    

    3) That's coming from the user icon.

    header .visuallyhidden {
        display: none !important;
    }

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there, 

    I have just realised that the link you added previously to the added to cart message, has been done incorrectly.  https://prnt.sc/px2gry

    'Keep shopping' should be hyperlinked to the shop page (www.melodylakerart.com/shop), but you can see here, the link has been added as https://melodylakerart.com/checkout/www.melodylakerart.com/shop please can you change it to www.melodylakerart.com/shop ?


    on 1. what's the solution then? I'm not clear? Should i remove the code you gave me before that almost works but only makes the user icon visible once you click the hamburger? Or are you able to give me adjusted code?


  •  675
    Neuron replied

    Hi Mejisan,

    1) Instead of adding www I should have added https. https://prnt.sc/pxgqrk

    It works alright now.

    2) I have created you a same header like the classic one. You can customize as you with, it's easy to work with. You can set easily that to all pages by going to Appearance > Customize > Header > Layout > Type(Select to template and new field below will appear where you can choose the template). Make also sure to remove the old account from the menu.

    Desktop: https://prnt.sc/pxgpbd

    Mobile: https://prnt.sc/pxgp2k

    Name of template is: Classic Header Melody

    URL: https://melodylakerart.com/?elementor_library=classic-header-melody

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thank you so much.


    2)  on mobile, the hamburger should be on the right of all the other icons - are you able to adjust? I dont know how to adjust so that it only changes on mobile 

  •  675
    Neuron replied

    Hi Mejisan,

    I am very sorry for the late reply, we were not working on the weekend.

    You're welcome anytimesmile.png

    So, here's what I did to find the solution for that. I've added one more nav menu element and set it to hidden on tablet and desktop. https://prnt.sc/pyfqrq

    And for the regular one, I've set it to hidden only on mobile, so it will be changed from the left to the right.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi there 


    Thanks

    Unfortunately it isn't working on mobile. I'm using S10 plus and the user icon only appears when I tap the hamburger ( see pic) plz can you help? The user icon should be there all the time 


    Thanks

  •  675
    Neuron replied

    Hi Mejisan,

    It seems like you haven't assigned the menu, I have assigned it on Appearance > Customize > Header > Layout. Please check it again.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hi, 

    Thanks but I'm afraid there's a problem 

    The hamburger drop-down menu is wonky, (left aligned ) and too wide with lots of white space. Needs to be slimmer and right aligned please.


    Also, you can see in this pic that "contact" is being cut off and appearing outside the drop-down, over the icons . Please help! 

  •  675
    Neuron replied

    Hi Mejisan,

    1) Please hover onto button Edit with Elementor and edit the header that is being used on this page. https://prnt.sc/pyzs7u

    You'll be able to change the spacing as you wish

    2) There was some Custom CSS that we added previously which override the last child. https://prnt.sc/pyzrhr

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    1. I have tried to edit the header, but none of the options i need actually work :

    • if i uncheck 'full width' toggle under 'mobile menu', the menu goes really thin so you can only get one character on a line ( see pic)
    • regardless of that, whatever I do, none of the width options seem to be making a difference anyway so i cant change the width
    • whatever i do the menu is still against the left hand side of the screen, rather than on the right where it should be, because thats where the toggle is (ie. there is still a gap between the right side of the menu and the side of the screen, when any gap should, instead be on the left hand side of the screen)

    I need any carretts to be on the right hand side of the menu and not very far from them. Menu items that are parents and so have child items and carretts should also be expandable by clicking the parent menu item. At the moment, clicking the parent doesnt do anything, so you would know that there were child items below unless you click the carrett which people might not.

    2. There seems to be a problem with the quantity selector box on mobile not displaying properly on item pages - see pic https://prnt.sc/pz9m5a how can we fix?

    Any help much appreciated thanks in advance

  •  675
    Neuron replied

    Hi Mejisan,

    1) 

    A) Well, there's a calculation for the menu to extend and it seems somehow, it doesn't work properly when you add left padding or margin, I don't know exactly why is that happening, but for now I've removed the left spacing to hamburger and added it to the search icon, it's basically the same.

    B) I've moved the carret closer. You can change that to any number. https://prnt.sc/pzr75w As for the parent opening, the caret will open the children and the parent will link only itself.

    2) Some CSS was not being written correctly, or a CSS was coming from somewhere that it did not let the input change to 42pixels, I've added !important value at Customizer and now works alright.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Hey,

    Thank you 

    1) a) the drop down menu needs to be flush with the right hand side of the screen, the gap should only be between the left side of the drop down and the left side of the screen.

    b) the carrets need to be on the right hand side of the menu items please

    c) Menu items that have carretts (parent items) should also be expandable (to show their child menu items) by clicking their text. At the moment, clicking the parent doesnt do anything,  How can we make that work?


  •  675
    Neuron replied

    Hi Mejisan,

    Sorry for the late reply.

    A) Hmm, I am not understanding it 100%, but here's some suggestions and maybe that could be the answer.

    B) Please add the following style. https://prnt.sc/q05v6q

    .m-nav-menu--mobile nav ul.menu li.menu-item a:not(.menu-item-icon) {
        padding-right: 30px;
    } .m-nav-menu--mobile nav > ul li.menu-item-has-children .menu-item-icon {
        right: 0 !important;
    }

    C) Well, that is not possible, since the menu is created to be open itself and the carret to open the child.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    a) I just want to get rid of this gap, on this side only https://prnt.sc/q0kzum.  
    C) there must be a way to make the child menu open by clicking on parent - surely it's just a case of applying the carett link to the parent too?

  •  675
    Neuron replied

    Hi Mejisan,

    I have managed to solve that, please check it and let me know if it is alright.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks. 

    What about this one:

    a) I just want to get rid of this gap, on this side only https://prnt.sc/q0kzum.  

    b) also, is there a way of adding a slide out sidebar to my shop page on mobile?

  •  675
    Neuron replied

    Hi Mejisan,

    I am truly sorry for the late reply, somehow I missed your ticket today morning.

    1) I had to remove the margin and add it as padding(to the right column), now the mobile menu touches two edges.

    2) You can add a fixed section and make it hidden, so you'll place a hamburger which is visible only on mobile.

    http://prntscr.com/q21oak

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • mejisan replied

    Thanks 

    1) As i said, i didnt want it touching the left side. I only want it touching the right

  •  675
    Neuron replied

    Hi Mejisan,

    I am sorry but that's not available, since spacing calculation works for the both sidesfrown.png

    I'll look and see if I can find any solution.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.