Resize: Page 2 - Support Central

Resize

Ninja

yodam1
Hi
Sorry there is 992px value if you want it to apply for a lower screen you can change it with 768px.

It will apply the code to work not for mobile screen so that width of sidebar is not very low in mobile.

If you want the mobile menu will show early, in that case it required to make changes in Less file first and then compile less to css.

yodam1

Hi,
I've tryed 768px but it's not changing the situation. At the minimum width of resize the distance from "3 horizontal lines menu" and login it's really big (On chrome works, on Firefox not works). Also in a middle width resize the "3 horizontal lines menu" it's on left and login on right.

Thanks!

Ninja

yodam1
Hi
This button is showing down only for some mobile on which the screen width is very low, and it can not fit all 3 items in one row.
Its not issue of template, you have added a bigger logo that use this space for very small screen.
In normal mobile screen it shows fine Deleted

yodam1

Hi,
Please delete the image. This night I will look at it.
I ask if you can look at the second image where the 3 lines menu translate on screen to left

Thanks

Ninja

yodam1
Hi
Add this code in custom.css file to move the menu button in right

@media (max-width: 1199px) and (min-width: 992px){
.t3-mainnav {
    float: right;
    padding-right: 20px;
}}

yodam1

Hi,
I've tryed your code and it's better but I have this strange situation:

when I make the window smaller in width, all become aligned:

is it possible to have all like second screenshot?

Thanks!

Ninja

yodam1
Hi
Please tell me the mobile device details and browser on which you have this issue.
As i can not see any issue in mobile view : REMOVED
If mobile width is very small it would not fit everything in one row, this is reason it put the 2nd item below.

Regards

yodam1

Hi,
Please remote the picture. The problem is not a device. On computer start with a big window and resize smaller in width until the problem show.

Thanks

Ninja

yodam1
Hi
Due to lack of details i am not able to replicate this issue, i have to share screenshot to show you that its working.
You can contact me on skype : live:pankajsharma21 so you can give me complete details which screen size you have this issue, as its not possible to replicate the same in PC.

yodam1

Hi Pankaj,
When I can contact you, you probably will be sleeping. Do those steps:

1) Use Chrome on PC and start from a window with width about 1650px
2) Now gradually reduce the window about 1140px and you will see this:

That is wrong.
3) Now continue to gradually decrease the width to about 970px and all will become correct as in:

I'm asking to make the error on (2) like in (3). If it's not clear I will create a video recording for you

Thanks!

Ninja

yodam1
Hi
This issue in not the screen size you shared. its below 1100px

You have this code in custom.css file


@media (max-width: 1199px) and (min-width: 992px){
.t3-mainnav {
    float: right;
    padding-right: 20px;

}}

replace it with


@media (max-width: 1199px) and (min-width: 992px){
.t3-mainnav {
    float: right;
    padding-right: 20px;
    padding-top: 0px;
}}

It works fine as i tested it on your site.

yodam1

Thanks! Now all it's nice

You can close this ticket

« Previous Page