Okay
  Public Ticket #2900164
multi-problem
Closed

Comments

  •  3
    jimmy_souvannarath started the conversation

    Hello,

    I need help with several issues:
    - the carousel on the home page jumps when loading
    - I would like to bring the 'cart' logo closer in the nav bar and increase the size
    - center the categories in "decouvrez nos formations par thème" (even on mobile) which is in the middle of the home page
    - the "signature Deepmark" line disappears on the mobile version (the last module at the bottom of the home page)

    here is the link :
    https://matchlearning.store/

    I am ready to make you a profile if necessary


    plz help me

  •  1,878
    Judith replied

    Hi There,

    - Please let us know what happens when it jumps or may be send in a short video to describe this so that we have a better understanding. Also let us know how you would want us to fix this.

    - Please try this css:

    #header-outer .menu-item-hidden-text > a > .nectar-menu-icon, #slide-out-widget-area .menu-item-hidden-text > a > .nectar-menu-icon {
        margin-right: -10px;
    }
    #header-outer header .nectar-menu-icon {
        font-size: 21px;
    }

    - I see they are both centered in desktop and mobile, please share screenshots of what you are getting from your end in terms of the categories alignment.

    - I see it still appears on mobile, please let us know whether we are missing something:

    8599004116.png

    Thanks.

  •  3
    jimmy_souvannarath replied

    Hi Judith,


    the CSS is good thanks you ^^


    and i send more photos with explication


    2489580731.png
    6655923179.png
    6763525136.png


  •  1,878
    Judith replied

    Hi Jimmy,

    I am not replicating the jumping carousel, however you can try optimizing your website using this guide and see whether it helps:http://themenectar.com/docs/salient/performance-optimization-guide/.

    To center the categories please try this css:

    .woocommerce ul.products[data-product-style]:not([data-n-desktop-columns="default"]), .woocommerce ul.products[data-product-style]:not([data-n-desktop-small-columns="default"]), .woocommerce ul.products[data-product-style]:not([data-n-tablet-columns="default"]), .woocommerce ul.products[data-product-style]:not([data-n-phone-columns="default"]) {
        margin-left: 37px;
    }
    @media only screen and (max-width: 999px) and (min-width: 1px){
    .col.centered-text ul, .wpb_column.centered-text ul {
        width: 1253px !important;
    }
    }

    Thanks.

  •  3
    jimmy_souvannarath replied

    Thx


    And for my last problem/ last photo ? you know where is the problem ?

  •  1,878
    Judith replied

    Hi There,

    Please send in your admin login credentials so that we can check this out.

    Thanks.

  •  3
    jimmy_souvannarath replied

    Sorry but you CSS is not realy responsiv too... it's ok on destock and google inspector but not on a real mobile :/

    You can push your CSS if you need.

    id: Support_salient

    pw: Help_Salient<3

  •  1,878
    Judith replied

    Hi Jimmy,

    Looks like your logins are not working, please check and resend:

    8358608815.png

    Thanks.

  •  3
    jimmy_souvannarath replied

    oups ... my bad ^^"


    you can try again

  •  1,878
    Judith replied

    Hi Jimmy,

    Please check the password, it seems not to be working.

    Thanks.

  •  3
    jimmy_souvannarath replied

    ok so i've delete and create a new profil:

    Id: Support_salient

    Pw: Help_Salient<3

  •  1,878
    Judith replied

    Hi There,

    The password is still not working, please check it out. 

    Thanks.

  •  3
    jimmy_souvannarath replied

    id: salient_support

    pw: Plz_Help<3

  •  1,878
    Judith replied

    Hi Jimmy,

    Please check it out now.

    Thanks.

  •  3
    jimmy_souvannarath replied

    it's good for the last Probleme but not for the carrousel and this party

    6287799949.png


  •  1,878
    Judith replied

    Hi Jimmy,

    Please try this css for the screenshot you have referenced:

    .woocommerce ul.products li.product a img {
        margin: 0 9px 1em;
    }

    Thanks.

  •  3
    jimmy_souvannarath replied

    hi,

    No that same problem :/

  •  8,841
    Tahir replied

    Hey Again,

    To Center the Carousel add the CSS below.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce ul.products[data-product-style]:not([data-n-desktop-columns="default"]), .woocommerce ul.products[data-product-style]:not([data-n-desktop-small-columns="default"]), .woocommerce ul.products[data-product-style]:not([data-n-tablet-columns="default"]), .woocommerce ul.products[data-product-style]:not([data-n-phone-columns="default"]) {
        justify-content: center;
        margin-left: auto !important;
    }

    Thanks


    ThemeNectar Support Team