Header position, menu mobile problem …

This topic has 16 replies, 2 voices, and was last updated 5 years ago ago by Rose Tyler

  • Avatar: Martin
    Diginet
    Participant
    November 10, 2019 at 11:08

    Hello,

    I have more problems.
    1.) The menu and the entire header are located below the first column.
    (Top header, main header, bottom header)
    check with the mouse TRGOVINA or others pages (hower).
    The same thing happens on cart, wishlist … Check with the mouse (hower).
    The menu overlays the card, wish list, login – registration …

    2.) Mobile menu
    -If you look closely you will see that it is also below.
    -It’s another thing; It also displays categories under the main menu in the main menu.
    -And third; In reality, it displays differently than in builder.

    Please, contact administrator
    for this information.
    15 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 10, 2019 at 11:59

    Hello,

    1) Add this code in Custom CSS for page http://prntscr.com/puwzc2

    .ls-inner {
        z-index: auto;
    }
    .ls-layers {
        z-index: auto;
    }

    2) Please describe these questions in more detail with screenshots.
    You can use Lightshot Screenshot tool https://app.prntscr.com/en/index.html and provide the link to screenshot here.
    Also, provide temporary wp-admin access.

    Regards

    Avatar: Martin
    Diginet
    Participant
    November 10, 2019 at 12:41

    Image 1
    https://zlatarnamursic.si/wp-content/uploads/2019/11/Image-mobile-menu-1.jpg

    Image 2
    https://zlatarnamursic.si/wp-content/uploads/2019/11/Image-mobile-menu-2.jpg

    The code
    .ls-inner {
    z-index: auto;
    }
    .ls-layers {
    z-index: auto;
    }

    not work

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 10, 2019 at 13:07

    Hello,

    1) Please change the previous code to:

    .ls-layers, .ls-inner {
        z-index: auto !important;
    }

    2) The problem is caused by styles of layerslider https://prnt.sc/puwddy https://prnt.sc/puwdg1
    Your slider on the home page has only 1 slide, so you can try to recreate this block using default elements of WPBakery Page Builder, and delete the slider.

    Regards

    Avatar: Martin
    Diginet
    Participant
    November 10, 2019 at 13:50

    That works now. Thank you!
    Will you also look at what’s wrong with the phone menu?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 10, 2019 at 15:07

    Hello,

    Please clear browser cache on your mobile and check https://prnt.sc/puypys

    Regards

    Avatar: Martin
    Diginet
    Participant
    November 10, 2019 at 15:30

    Thank you very much!

    Best regards!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 10, 2019 at 16:13

    You’re welcome!
    We’d appreciate if you could take a moment to give us 5-stars on ThemeForest https://themeforest.net/downloads

    Regards

    Avatar: Martin
    Diginet
    Participant
    November 11, 2019 at 07:53

    I’m happy to give it 5 stars when we fix some more. The problem is in the headers. I work 24 hours on the site without rest. Very good theme but quite incomprehensible. I can’t edit the last two things. I use a transparent head using colors and images in the background. I managed to fix everything else, but here it stuck. All products and categories are under the header. I can’t edit even with multiple headers because it doesn’t work.

    Product page:
    https://zlatarnamursic.si/wp-content/uploads/2019/11/product.png

    Categories pages:
    https://zlatarnamursic.si/wp-content/uploads/2019/11/categories.png

    What to do?
    Thanks

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 11, 2019 at 08:31

    Hello,

    You are right, Multiple headers will help in this case. Our developers know about this bug and will fix it in the next theme update. It will be released within 2-3 days. Sorry for the inconvenience.
    As a workaround, you can add this code in Theme Options > Theme Custom CSS > Custom CSS for desktop:

    .tax-product_cat .container.content-page,
    .single-product .container.content-page {
        padding-top: 16em;
    }
    .tax-product_cat .header-wrapper,
    .single-product .header-wrapper {
        background-color: #c4a573;
    }
    .single-product .swiper-entry.woocommerce-product-gallery {
        top: 18em !important;
    }

    http://prntscr.com/pv8om7

    Regards

    Avatar: Martin
    Diginet
    Participant
    November 11, 2019 at 11:56

    Thank you so much for all your help and information! At least somewhere that support go fast and quality. Keep up the good work.

    Best regards, Martin

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 11, 2019 at 12:04

    We are grateful to you for your kind words, really appreciated!

    Regards

    Avatar: Martin
    Diginet
    Participant
    November 17, 2019 at 12:49

    Hello, I just have one more small issue. 🙂 I managed to do everything I wanted except product categories. Please help me with the code for the product categories as you sent me for the products. (I only changed the code just enough to add a picture for background. With that, I don’t need a multi header).

    I use this code (Everything is great, just the categories header not);

    .tax-product_cat .container.content-page,
    .single-product .container.content-page {
    padding-top: 16em;
    }
    .tax-product_cat .header-wrapper,
    .single-product .header-wrapper {
    background:url(//zlatarnamursic.si/wp-content/uploads/2019/11/uhani-beli-biseri-zlatarne-mursic-header.jpg)
    }
    .single-product .swiper-entry.woocommerce-product-gallery {
    top: 2em !important;
    }

    Image (this happens when we use a search bar)
    https://zlatarnamursic.si/wp-content/uploads/2019/11/category-image.png

    Thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 17, 2019 at 13:27

    Hello,

    Please change this part of code https://prnt.sc/py3kdm to

    .tax-product_cat .container.content-page, 
    .single-product .container.content-page, 
    .archive.search .container.content-page {
    	padding-top:16em
    }
    .tax-product_cat .header-wrapper,
    .single-product .header-wrapper,
    .archive.search .header-wrapper {
        background: url(//zlatarnamursic.si/wp-content/uploads/2019/11/uhani-beli-biseri-zlatarne-mursic-header.jpg)
    }

    Regards

    Avatar: Martin
    Diginet
    Participant
    November 17, 2019 at 17:10

    Thank you so much, it works perfectly!

    Best regards!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 17, 2019 at 17:15

    You’re welcome!
    Please write us good feedback here https://themeforest.net/item/xstore-responsive-woocommerce-theme/15780546/comments
    Thanks in advance

    Regards

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.