Resize window

yodam1

Hi,
Don't post images of my site here

if you see a white page when you try to access press Ctrl-F5 and insert .htaccess user and password in fields

Resizing to small the browser window with a logged in user I have this result:

If I continue to make small the window all become ok.

What can I do in CSS? you can use the user on fields to do the test

Thanks

Ninja

yodam1
Hi
Open /templates/ja_events_ii/local/css/themes/blue/template.css
Find and remove this code

.com_dtregister .t3-header-wrap .head-actions, .t3-header-wrap .head-actions {
    width: auto;
}

yodam1

Ninja Hi,

Istead of modify the ja events ii source could be good:

@media (max-width: 1199px)
.com_dtregister .t3-header-wrap .head-actions, .t3-header-wrap .head-actions {
width: 650px;
}

In custom CSS or can create problems?

Thanks!

Ninja

yodam1
Hi
You need to check your code as i suggest different way so it adapt the width automatically.

yodam1

Hi,
I did the changes but now I have half trasnparent and over banners. If I resize the window a little bit smaller I have the correct result:

here the correct result with window smaller:

Update: with
.header-trans .com_dtregister .t3-header-wrap .t3-header, .header-trans .t3-header-wrap .t3-header {
background: black;
}
It's all black but banners continue to go under the menu ad some widths

Thanks

Ninja

yodam1
Hi
Please tell me the device on which you getting this issue?
Like ipad/mobile?

yodam1

Hi,
On Ipad and Ipad Pro (using chrome and selecting ipad/ipad pro size) after login

Thanks

Ninja

yodam1
Hi
Please test in real devices as suggest in other thread and post screenshot if issue visible

yodam1

Ninja Hi,
I don't have apple devices so I can not, but some unneeded (by me) features of this template are creating problems

I try to explain what I need:
1) I'm using Ja Events II
2) I don't care (don't want) about the picture under the main menu as in your demo
3) All what is under the menu must be always under the menu (not when scrolling because I like this sticky menu)
4) So I want the sticky menu on top, not transparent and with all the module/component parts under it

Thanks

Ninja

yodam1
Hi
Each template is built on the basis of standard size devices not for a every single pixel value.
I checked your site in Ipad ,phone and PC there is no such issue, no one visiting site with a screen resize for each pixel.
If you still want to customize it open /templates/ja_events_ii/local/css/themes/blue/template.css
find and remove

.com_dtregister .t3-header-wrap .head-actions, .t3-header-wrap .head-actions {
    width: auto;
}

If you want own customization like i suggested the same code in previous posts you can play with different values as per needs.

Hope its clear now.

yodam1

Hi,
I did your modify at template.css, but not works. The screenshot is at 768x1024px. As you can see banners are cutted:

The modify is at line 4834 as

/*      PANKAJ
@media (max-width: 1199px) {
  .com_dtregister .t3-header-wrap .head-actions,
  .t3-header-wrap .head-actions {
    width: auto;
  }
}
*/

I can accept a solution where what is under menu is not overlapsed until scrolling down (the sticky menu).

REMEMBER TO LOGIN WITH A USER TO DO THE TEST

For accessing files the component eXtplorer is installed

Thanks!

Ninja

yodam1
Hi
Again
Kindly apply the suggestion to fix it

File : /templates/ja_events_ii/local/css/themes/blue/template.css
Find and remove

@media (max-width: 1199px) {
  .com_dtregister .t3-header-wrap .head-actions,
  .t3-header-wrap .head-actions {
    width: auto;
  }
}

The file is still same, if there is server cache, kindly clear it.

yodam1

Remove the screenshot from your post ( I've saved it). Now I'm investigating why you see already this css rule

saguaros

yodam1

I removed it, let us know if you need further help here

yodam1

saguaros I've solved. Was a problem of filezilla. I was moving the file on the host, filezilla say that all is ok but at the end the file was not copied. I had to update filezilla.

Say thanks to pankaj for his help

Ninja

You are welcome!