Return to previous page

I am facing few issuese with the xstore theme

This topic has 18 replies, 3 voices, and was last updated 2 years, 6 months ago ago by DS

DS

Participant

April 7, 2022 at 08:49

1 – How to align the product to the bottom everywhere (for all pages, shop, category, upsell, cross-sell)
https://snipboard.io/qVx52p.jpg

2 – How to align post to bottom everywhere (Home, related post and etc.)
https://snipboard.io/5cVY6n.jpg

3 – My site main color set to #f1ac2b, why product active tab color is different, how to fix this

https://snipboard.io/uICysH.jpg

4 – Facing issue with Footer Fixed on mobile
Visit site On Mobile –> Croll to bottom –> expand any toggle –> you will see contents is getting hidden https://snipboard.io/nrbqgd.jpg

5 – How to set the color to #f1ac2b on mouse over
https://snipboard.io/eifdFc.jpg

#321502 Copied Theme version: 8

17 Answers

DS

Participant

April 8, 2022 at 06:35

6 – Menu overflow error – there are three menus https://snipboard.io/6QJY2K.jpg (Screenshot taken using the zoom out 75%)
==>
Error is menu flyout is going outside screen when zoom 100% https://snipboard.io/feybjz.jpg

7 – Menu description not reflecting
https://snipboard.io/x1aAtL.jpg

I want to show a menu description like this: https://snipboard.io/2cvGQl.jpg

Please contact administrator
for this information.

#321551 Copied
Rose Tyler

Support staff

April 8, 2022 at 08:50
Hello,

Please open up separate topics for different questions.
1, 2. Wasn’t it answered https://www.8theme.com/topic/woocommerce-all-products-on-shop-and-category-page-are-looking-in-misalignment/ ?
3. Check settings of the Element https://prnt.sc/mNM_lii9_8H8
4. Do not use Footer Fixed and Footer Widgets Toggle On Mobile options at the same time (Theme Options > Footer > Footer layout).
5. Add the next code in Theme Options > Theme custom CSS:
```
.et_b_header-menu .nav-sublist-dropdown .item-link:hover {
    opacity: 1;
    color: #f1ac2b !important;
}
```
Regards
#321570 Copied
Rose Tyler

Support staff

April 8, 2022 at 08:52

6. Describe the desired result in more detail.
7. Dashboard > Appearance > Menus > menu item settings > Description

Regards

#321571 Copied

DS

Participant

April 8, 2022 at 08:55

6 – Right now menu 3rd flyout is going outside screen https://snipboard.io/feybjz.jpg

#321573 Copied

DS

Participant

April 8, 2022 at 09:11

1 – How to align the product to the bottom everywhere (for all pages, shop, category, upsell, cross-sell)
https://snipboard.io/qVx52p.jpg

UPDATE – That was fixed alignment, now I want bottom alignment because it’s not working as expected and also it was another xStore theme and that CSS not working here

2 – How to align post to bottom everywhere (Home, related post and etc.)
https://snipboard.io/5cVY6n.jpg

UPDATE – That was fixed alignment, now I want bottom alignment because it’s not working as expected and also it was another xStore theme and that CSS not working here

6 – Menu overflow error. Error is there are thee menu flyout and 3rd one is going outside screen https://snipboard.io/HMzVgO.jpg

7 – Menu description not reflecting, I have already added the Menu description but it is not showing in the header
https://snipboard.io/x1aAtL.jpg
and I want to show a menu description like this: https://snipboard.io/2cvGQl.jpg

#321574 Copied
Rose Tyler

Support staff

April 9, 2022 at 08:30
Hello,

1/ Add next code to Theme Options->Theme Custom CSS -> Global CSS
```
.products-loop, .products-loop .ajax-content {
display: flex;
flex-wrap: wrap;
}
.products-loop > div, .products-loop .ajax-content > div, .products-loop .content-product {
display: flex;
flex-wrap: wrap;
}
.products-loop .content-product .product-details {
align-self: flex-end;
}
```
2/
```
.carousel-area .swiper-wrapper {
align-items: unset !important;
}
.carousel-area .swiper-wrapper .swiper-slide {
height: auto;
display: flex;
}
.carousel-area .swiper-wrapper .swiper-slide .post-grid > div {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.carousel-area .swiper-wrapper .swiper-slide .post-grid .grid-post-body {
align-self: flex-end;
}
```
6/ There are a few solutions in such cases:
1. Move your menu item closer to middle of menu and you will have not-overflowing subitems https://prnt.sc/SvY1BhN0DzHa
2. Use mega menu option in menu item ( https://prnt.sc/YYlvg_EkTs4z + https://prnt.sc/31bAM7ngBoim -> https://prnt.sc/Mh0c3QrSoqYa )
3. Resort your submenus in next way -> https://prnt.sc/31bAM7ngBoim -> https://prnt.sc/dbKJSGF8J-FJ
7/ Did you read the description of the menu item description ? https://prnt.sc/zrM5zympipAn
But with next extra code you will be able to show item description for menu item
1. PHP part (add it to your child-theme/functions.php)
```
add_filter('walker_nav_menu_start_el', function ($item_output, $item, $depth, $args) {
$description = '';
if ( $item->description != '' ) {
 $description = '<span class="menu-item-descr">' . do_shortcode( $item->description ) . '</span>';
}
return str_replace('</a>', $description.'</a>', $item_output);
}, 10, 4);
```
2. css styles
```
.menu-item .menu-item-descr {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
```
Regards
#321648 Copied
DS

Participant

April 9, 2022 at 11:41

1 – Actually your CSS added space between the product image and title. I want to align the image also at the bottom https://snipboard.io/Xi2LRb.jpg

2. Added CSS but it is not working, I want to align the post at the bottom https://snipboard.io/fGv1sb.jpg

6. Your other solutions will not work for me hence please give CSS to fix it.

///New Query///
There is a newsletter in my top header and if we click on it newsletter block popup appears. Now my query is how to call the same newsletter popup using URL I want to add a newsletter button to my slider.

#321662 Copied
Rose Tyler

Support staff

April 9, 2022 at 13:31
Hello,

1/ & 2/ https://prnt.sc/l0TsGtOCals4 – we have improved your css in Theme Options -> Theme Custom CSS -> Global CSS
6/
We can propose you next css
```
.et_b_header-menu #menu-item-17741 .nav-sublist-dropdown:not(.nav-sublist) {
    left: auto;
    right: 0;
}
```
The result will be next -> https://gyazo.com/aa977d992abf735551cc1edcd0f67664
if you want to make it for all menu items then use next css
```
.et_b_header-menu .nav-sublist-dropdown:not(.nav-sublist) {
    left: auto;
    right: 0;
}
```
The result will be next -> https://gyazo.com/f1b33f835a55f162bbee16db65aa2f3d
If you want to get another result then please, provide us details what do you want to have and we will answer you if it is possible to make.

New query answer
Use next html snippet to make load popup from any area you would like to
```
<div class="et-popup_toggle" data-type="newsletter" data-popup-on="click">	
	<span class="et-toggle button pointer">
		Button
	</span>
</div>
```
Result -> https://prnt.sc/-DaUYjYlcJ8F -> https://gyazo.com/bb004a6f3e72889fa415bd15dfe1b7af

Regards
#321667 Copied
DS

Participant

April 9, 2022 at 14:05

1 & 2 – Still there is an alignment issue
Products – (make center aligned) https://snipboard.io/nX8JZV.jpg
Blog – (still images are not bottom aligned) https://snipboard.io/Ut4Xzs.jpg

2. Menu issue: This is not a proper solution, I am asking you to a solution like our this website menu https://www.gethappythoughts.org/
—> When there is space sub-menu is loading on left https://snipboard.io/UCBDLZ.jpg
–> But when there is no space on right, the sub-menu is opening on the left side https://snipboard.io/6uAJtM.jpg (When there is no space on the right side then the menu should open on the left side like this)

///////////////////
NOTE: This is bug in your theme please fix it in the next update.
This is how your menu should work https://snipboard.io/Jt9M3R.jpg
///////////////////

#321671 Copied

Rose Tyler

Support staff

April 9, 2022 at 15:35

Hello,

1 & 2 check now, please
2. We added you a fix with custom css because automatic solution requires bad code practice which we don’t want to have in our projects.

Regards

#321679 Copied

DS

Participant

April 9, 2022 at 16:58

Hi,

All done just the menu part is still not what we are expecting.

Right now last menu “LEARN” is permanently
flyout on the left side and we are expecting it flexible as per the browser available space like this https://snipboard.io/Jt9M3R.jpg

When there is space on the right it should fly-out right like this https://snipboard.io/RF08EG.jpg

When there is no space on the right side then what you did is correct https://snipboard.io/GxIQZo.jpg

In other words, see this screenshot https://snipboard.io/I4S8ne.jpg now for the 3rd flyout there is no space on the right side hence it went outside the browser. Hence 3rd flyout should be on left side since no space in right side

////////////////////////////////
MAKE IT FLEXIBLE AS PER THE SPACE NOT FIXED.
////////////////////////////////

Please check this site for your reference menu https://www.gethappythoughts.org/

If there are 4 flyouts and there is space only for 2 flyouts on the right side out of 4 then two should fly out on the right and the next should fly out on left. Like this https://snipboard.io/pMb1Yf.jpg

#321685 Copied

Olga Barlow

Support staff

April 11, 2022 at 10:29

Hello,

Our theme does not have such an option by default.
We are sorry but we offered all the possible solutions from our side that you can implement by minor CSS customization. If you want to implement the result as on the mentioned site you need JS customization. We are unable to provide support for such customizations under our Support Policy https://themeforest.net/page/item_support_policy
If you need that type of customization then you may submit additional customization request here to our partners.

Please, create separate topics if you have any other questions that are not related to the ones mentioned before to avoid misunderstanding.

Regards

#321766 Copied

DS

Participant

April 11, 2022 at 12:43

I have worked with 100s of themes, all themes work in a way I am saying. Actually this is a bug in your theme. Please fix it from your side.

#321770 Copied

Olga Barlow

Support staff

April 11, 2022 at 23:44

Hello,

We are ready to give you a refund if you are not satisfied using our theme. We don’t have the option to show the menu in the way you ask and we won’t be able to implement that in the nearest future.

Regards

#321817 Copied

DS

Participant

April 13, 2022 at 07:16

I have invested too much time and money in exploring your theme, even though I have paid one freelancer for a few things, Hence reverting back from this point is very costly for me.

To just show you I have installed one free third party module and see how it is working with the “LEARN” menu https://recordit.co/bUmJkAfipD

Even the free third-party module is working fine, my menu is not going outside the screen like this https://snipboard.io/1Hemvg.jpg

If there is no space it is changing the direction of flyout. No problem, since you are not accepting this bug, I will hire one freelancer to fix this.

Thanks

#321913 Copied

Olga Barlow

Support staff

April 13, 2022 at 13:52

Hello,

We are very sorry but we are not able to help with this question. You may try to use a mega menu instead of the simple pro-down to avoid this issue.

Regards

#321951 Copied

DS

Participant

April 21, 2022 at 14:15

Hi,

Can you please help me with the header connection block issue for the integration of the shortcode?

Steps: In the header section, I have added a connection block right align it –> HTML block –> added their menu shortcode https://snipboard.io/yp7Ahm.jpg

The issue is — when I align the connection block to the right side the whole menu goes out of the screen and overlaps it. Please suggest how to short it out

#322395 Copied
Tagged: issues, solutions, support, templates, woocommerce, wordpress, xstore
Viewing 18 results - 1 through 18 (of 18 total)

The issue related to '‘I am facing few issuese with the xstore theme’' has been successfully resolved, and the topic is now closed for further responses

I am facing few issuese with the xstore theme

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection