Return to previous page

Error - by marinamp86 - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

marinamp86

Participant

July 30, 2018 at 07:46

Hello! I come with the final touches and errors that I found in my subject:
1-The menu leaves a space when I open it, they already gave me a CSS code, but they leave a space as shown in the image.
It also happens that when you scroll and the menu is fixed, when you want to open a category the menu closes and you have to try it many times to be open, can you look at it please?
https://prnt.sc/kcmurn

2- The error of the crumb bread path text returns but this time only in the pages, not in categories. How can I delete the text and leave only the highlighted image?
https://prnt.sc/kcmvpu

3 – The header images on the mobile is incomplete, I want the entire header to be visible.
https://prnt.sc/kcmwir

4-The FACEBOOK button does not work. Where is it configured from?
https://prnt.sc/kcmx0r

5-The button Load More does not work, informs that there are no more products to show, and if there are more products. I would also like to translate the button, with Locotranslate it was not possible.
https://prnt.sc/kcmxju

6-The text is very separate, there is no way to put more lines together?
https://prnt.sc/kcmy9n

7-The PopUp tab is deformed on the mobile. I tried changing the form, but there is no case, it is deformed.
https://prnt.sc/kcmyt2

8-Finally, I wanted to know if the upload button can be round instead of square?
https://prnt.sc/kcmzgp

Thank you very much!

Please, contact administrator
for this information.

#197416 Copied Theme version: 1.0 WooCommerce version: 3.4.3

3 Answers
Rose Tyler

Support staff

July 30, 2018 at 09:45
Hello,

1. Please change this custom css code:
```
.menu-wrapper .menu>li:hover .nav-sublist-dropdown {
    margin-top: 0px;
    top: 45px !important;
}
```
to:
```
.menu-wrapper .menu>li:hover .nav-sublist-dropdown {
    margin-top: 0;
    top: 25px !important;
}
```
2. You can add this code in Custom css for the page:
```
.page-heading .a-center a, .page-heading.bc-size-large .title {
    font-size: 0px !important;
}
```
http://prntscr.com/kco6g3
3. Theme Options > Styling > Custom css > Global custom css:
```
@media only screen and (max-width: 768px){
    .page-heading {
        background-size:  contain;
        padding-bottom: 0px;
        margin-bottom: 3%;
    }
}
```
4. http://prntscr.com/kco99u
5. Make sure that you set the correct settings in Infinite Scroll plugin settings https://www.8theme.com/documentation/xstore/plugins/woocommerce-infinite-scroll-and-ajax-pagination-settings/
The text can be changed via settings or translation files of the plugin.
6. Global custom css:
```
.tabs .tab-content p {
    line-height: 1;
    margin-bottom: 18px;
}
```
7. Please note that negative padding is not valid http://prntscr.com/kcogat http://prntscr.com/kcogsp
Styling on mobile is dependent on your static block content.
You may add this code in Global custom css:
```
@media only screen and (max-width: 768px){
   #etheme-popup .ulp-content {
        transform: translateX(15%) !important;
   }
   #etheme-popup .ulp-inline-window {
       margin:  0px !important;
   }
}
```
8.
```
.back-top {
    border-radius: 30px;
}
```
I would recommend you to create separate topics for different questions to prevent misunderstanding.

Regards
#197430 Copied
marinamp86

Participant

July 31, 2018 at 20:26

You have solved all my problems perfectly! I am very happy with my page, thank you very much !!! : D

#197545 Copied

Rose Tyler

Support staff

August 1, 2018 at 07:19

You’re welcome!
Would you mind to rate our product: https://prnt.sc/d256m6 https://themeforest.net/downloads
That would be much appreciated 🙂

Regards

#197552 Copied
Viewing 4 results - 1 through 4 (of 4 total)