Return to previous page

Responsive Mobile Issue bug theme css - by Tomas

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

Tomas

Participant

August 19, 2018 at 21:05

Hi Support,

in the mobile responsive Design have some css bugs/issue. I see problems in the Startpage (homekids), Banner and the footer.

You can fix it?

Thank you very much.

Please, contact administrator
for this information.

#198239 Copied Theme version: 0.0.1 WooCommerce version: 3.4.4

9 Answers

Rose Tyler

Support staff

August 20, 2018 at 07:54

Hello,

Please describe your problem in more details for better understanding.
Thanks in advance.

Regards

#198252 Copied

Tomas

Participant

August 20, 2018 at 08:18

sorry,

1. in the Mobile Responsive screen I have issu with footer, it is not full 1:1 design and now without clouds.
Link: footer

2. The Startpage Banner is overlaped the Slider.
Link: Banner overplap

3. The Banner Boxx css Problem.
Link: banner_box

4. Sidebar in the Mobile front is in Dark design, I need white. But if I make the setting under 8Theme Options the “White Design” so I get Problem with my header Design and Sidebar Design in the Desktop. Please check functionality of “White” and “Dark” Design.

Link: White/Dark Design

Thank you very much

#198253 Copied Theme version: 0.0.1 WooCommerce version: 3.4.4
Rose Tyler

Support staff

August 20, 2018 at 09:29
Hello,

1. Your footer created via static block so responsive design depends on WPBakery Page Builder settings for content https://wpbakery.com/video-academy/category/responsive/
2-3. Please remove this custom class http://prntscr.com/kkosbg
4. Please try to add this code in Theme Options > Custom css > Global custom css:
```
@media only screen and (max-width: 992px){
    .mobile-nav .widget-title span {
        background-color: #1a1a1a;
        color: white;
        float: left !important;
        padding-left: 0px;
        margin-bottom: 20px;
    }
}
```
Regards
#198255 Copied
Tomas

Participant

August 20, 2018 at 09:57

Ok, I have allready choose the setting and now is ok.

Thank you for help.

#198257 Copied

Rose Tyler

Support staff

August 20, 2018 at 09:59

You’re welcome!
Feel free to ask if you have any other questions.

Regards

#198259 Copied

Tomas

Participant

September 17, 2018 at 09:13

Hello Support,

we have a problem with css some bugs only by Firefox Browser…Other Browser dont hat this bugs, please check link screenshoots.

If open Shop Sidebar:
https://online-geschenkkiste.de/wp-content/uploads/2018/09/css_issue_bug_sidebar_after.png

and

after close shop sidebar we have screen issue:
https://online-geschenkkiste.de/wp-content/uploads/2018/09/css_issue_bug_sidebar.png

what can do?

Please, contact administrator
for this information.

#199539 Copied Theme version: 0.0.1 WooCommerce version: 3.4.4

Rose Tyler

Support staff

September 17, 2018 at 09:50

Hello,

What version of Firefox browser do you use? Please make sure that it is not very old.

Regards

#199545 Copied

Tomas

Participant

September 17, 2018 at 10:27

Our Firefox is actuall and updated to 62.0 (64-Bit) .

Chache was deleted too if you mean it will be next problem….What can it be, you see it too?

#199546 Copied
Rose Tyler

Support staff

September 17, 2018 at 13:15
Hello,

Please add this code in Theme Options > Custom css:
```
.st-menu-open .st-pusher {
    transform:  none;
}
.st-menu-open .hide-filters-block > .hide-filters-block.st-menu {
    transform:  translateX(0);
    z-index:  99;
    opacity:  1;
}
.hide-filters-block.st-menu {
    opacity:  0;
}
.st-menu-open .hide-filters-block > .hide-filters-block.st-menu {
    transition:  transform 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
```
Regards
#199554 Copied
Viewing 10 results - 1 through 10 (of 10 total)