Return to previous page

Sticky header display problems - by mabellek

This topic has 4 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

mabellek

Participant

April 9, 2016 at 21:55

Hi

I am working on a 2 language site. English LTR and hebrew RTL.

There is a problem with stick header while scrolling on smaller desktop screens.
1> the logo does not appear
2> the menu items move to the left in ENGLISH and to the right in HEBREW
3> the cart and search icons to nor display well.

see attached links

widescreen
http://postimg.org/image/h7rlc0zy3/

narrow screen
http://postimg.org/image/44vysr9q3/

you can toggle languages in header by clicking on flags.

please assist in css code to fix this issue in both languages

Thanks

Please, contact administrator
for this information.

#120629 Copied Theme version: 2.8 Child theme WooCommerce version: 2.55

3 Answers
Eva Kemp

Support staff

April 10, 2016 at 10:34
Hello,

Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.fixed-header-area .collapse {
   width: auto !important;
}
```
Regards,
Eva Kemp.
#120645 Copied
mabellek

Participant

April 16, 2016 at 20:15

Hi Eva

thanks for the solution.

I still have a problem with the Nav menu in sticky header.

on some pages for example single product page the sticky header while scrolling reverses the display. When scrolling the logo jumps to the left and cart icon to the right.

https://www.mabellek.com/shop/%D7%92%D7%91%D7%A8%D7%99%D7%9D/surrounded-by-phonies-4/
please assist

thanks

#121563 Copied
Eva Kemp

Support staff

April 17, 2016 at 09:17
Hello,

Try to use this code:
```
.rtl .fixed-header-area {
   direction: rtl;
}
```
Regards,
Eva Kemp.
#121585 Copied
Tagged: display problems, seo friendly, sticky header, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)