Header style issue

[Rahim]

Hi friends,

1 ) When I use a header style which has the right and left menu, I see that the space between the logo in center and the first link of the left menu needs to be fixed like the right menu ( I don’t know which one is correct but they are not the same! )

2) And why when I add another word for menu ( more than 4 words for ) instead of getting the words closer, the new word comes to the button line!

3) And I think my logo in mobile view is not center align like the desktop view!

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Thank you for your rating

1. I help you fixed this issue.

2. Could you explain more the issue?

3. I check your site and still saw the logo at center

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 1400px) {
.jas-menu > li:not(:first-child) {
margin-right: 35px;
}
.header-2 .jas-menu > li:not(:first-child) {
margin-right: 0;
margin-left: 21px;
}
}
@media only screen and (max-width: 1280px) {
.jas-menu > li:not(:first-child) {
margin-right: 35px;
}
.header-2 .jas-menu > li:not(:first-child) {
margin-right: 0;
margin-left: 17px;
}
}

with this case we recommend don’t add more than 5 menu items for left menu and right menu and you real name of menu item not use test name so don’t have to adjust in next time.

1) i help you fixed.

Have a nice Sunday!

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

 

Please change prev code to

@media only screen and (max-width: 1440px) {
.jas-menu > li:not(:first-child) {
margin-right: 35px;
}
.header-2 .jas-menu > li:not(:first-child) {
margin-right: 0;
margin-left: 40px;
}
}

@media only screen and (max-width: 1366px) {
.header-2 .jas-menu > li:not(:first-child) {
margin-left: 21px;
}
}
@media only screen and (max-width: 1280px) {
.jas-menu > li:not(:first-child) {
margin-right: 25px;
}
.header-2 .jas-menu > li:not(:first-child) {
margin-right: 0;
margin-left: 17px;
}
}

 

Best regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I checked on my computer it work well. Which screen resolution you’re running?

If you check on Chrome please press Ctrl/Cmd + Shift + R to check again.

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

I check your site on Firefox, Chrome, Safari on MacOS (1920 x 1080) it working well without zoom.

Please change prev code to, but i think when you change menu to real text it will have to change again 🙂

.header-2 .jas-menu > li:not(:first-child) {
margin-right: 0;
margin-left: 40px;
}

@media only screen and (max-width: 1440px) {
.jas-menu > li:not(:first-child) {
margin-right: 35px;
}
.header-2 .jas-menu > li:not(:first-child) {
margin-left: 40px;
}
}

@media only screen and (max-width: 1366px) {
.header-2 .jas-menu > li:not(:first-child) {
margin-left: 21px;
}
}
@media only screen and (max-width: 1280px) {
.jas-menu > li:not(:first-child) {
margin-right: 25px;
}
.header-2 .jas-menu > li:not(:first-child) {
margin-right: 0;
margin-left: 17px;
}
}

Best regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Author]

Posts