sticky header only in mobile

[hallbird]

Hi,

I have something, I have disabled the sticky header, which is good,

however in Mobile version the doesn’t not look good because slider revolution mixed with it,

So I need to add sticky header for mobile only

[hallbird]

other thing also is the mixed between the item path and the main menu as attached image

and stars in product review they not coming properly

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You site now disable right click. Could you enable right click to us can check.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[hallbird]

Hi,

I have enabled it

[Harry]

Could you check again, now it visit your site it show Bluehost panel.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[hallbird]

yeah.. seems there’re some configuration happening now !

[hallbird]

This reply has been marked as private.

[Harry]

Hi,

1. Because you disable sticky header so it can’t make it only sticky on mobile. You can add below code to make header not overlap slider

@media only screen and (max-width: 736px) {
.header__mid .header__transparent { position: relative; top: 0 !important;}
}

2. To fix star on on RTL please add custom css code

.rtl .stars [class*="star"]::before {
    left: auto;
    right: 0;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[hallbird]

Hi,

I have include of codes, however the stars code works , but header code no

still the slider revolution get mixed with with header in mobile

 

 

[Harry]

Hi,

I checked your site and see the code not apply. Could you send us admin account as private reply. We will check and help you solve.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[hallbird]

This reply has been marked as private.

[Harry]

Hi,

I help you fixed the header. Sorry i send you wrong code. The correct code is:

@media only screen and (max-width: 736px) {
.header__mid.header__transparent { position: relative; top: 0 !important;}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts