Joomla Templates Club 406,261 posts

[claudemetz Friend claudemetzJoin date: September 2010Posts: 11Downloads:17Uploads:0]

#201824

Hi,

Could you please open the following page:

http://amu.lu/index.php/fond-aide-humanitaire/argentine/content/9

When you scroll down, you will see that the white header section moves up under the menu bar.
This is for sure due to the fact that I have adapted the header and logo section. Would you know
what and where I need to change so that the white header section does not move up while scrolling
the page ?

Many thanks for your help

Claude

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#551840

Go to this File: /templates/ja_wall/css/template.css

Add this code

.itemListView .itemListCategoriesBlock{
position: fixed;
width: 100%;
}
.itemListView .itemList{
margin-top:120px;
}

[claudemetz Friend claudemetzJoin date: September 2010Posts: 11Downloads:17Uploads:0]

#552009

Thanks very much….unfortunately I am not very familiar with the different section.
Could you please tell me in what section of the template.css file I should add the code?
Many thanks
Claude

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552037

at the very bottom of the page.

[claudemetz Friend claudemetzJoin date: September 2010Posts: 11Downloads:17Uploads:0]

#555646

Hi, Sorry for coming back so late. I tried to add the code to the bottom of the template.css file.
For that particular page it worked fine; but then for other pages it did not work. My main page for instance, does shows
all blocks one over the other. Is there another type of code to be added somewhere so that it fits for all the pages ?
Thanks
Claude

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#555765

can you please provide me the url where it work and where it doesn’t.

[claudemetz Friend claudemetzJoin date: September 2010Posts: 11Downloads:17Uploads:0]

#555810

Hi,
I had to remove the code otherwise the following page does not show up correctly:
http://www.amu.lu
The following page however would show correctly:
http://amu.lu/index.php/fond-aide-humanitaire/argentine/content/9
Many thanks for helping
Regards
claude

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#555852

Try this css fix instead of the old one

.fixed-display .itemListView .itemListCategoriesBlock{ position: fixed; width: 100%; z-index:999; } .fixed-display .itemListView .itemList{ margin-top:120px; }

[claudemetz Friend claudemetzJoin date: September 2010Posts: 11Downloads:17Uploads:0]

#555995

Many thanks. That helps to fix page
http://amu.lu/index.php/fond-aide-hu…tine/content/9
without destroying page
http://www.amu.lu
However, would you also be so kind to provide me with css code so that page
http://www.amu.lu
does not scroll up under the menu bar, but stops below the menu bar ?
Would be really helpful.
Many thanks
Claude

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#556029

1. templates/ja_wall/css/layout.css

Go to this File

Replace this code

#container .main {
padding-top:200px; /* Space for header */
padding-right: 0.1%;
}

with

#container .main {
padding-top:225px; /* Space for header */
padding-right: 0.1%;
}

2. Go to this File: /templates/ja_wall/css/template.css

Replace this code

#header {
background: #ccc;
border-bottom: 10px solid #303030; /* Seperate content and header while scroll page */
color: #ccc;
height: 156px;
position: fixed;
top: 0;
z-index: 999;
}

With

#header {
background: #ccc;
border-bottom: 10px solid #303030; /* Seperate content and header while scroll page */
color: #ccc;
height: 202px;
position: fixed;
top: 0;
z-index: 999;
}

[claudemetz Friend claudemetzJoin date: September 2010Posts: 11Downloads:17Uploads:0]

#556115

Hey, that works perfectly fine. MANY MANY THANKS for your help.
Claude

[rappdeckel Friend rappdeckelJoin date: January 2010Posts: 4Downloads:0Uploads:0]

#556688

Hi again,
Would you also know in which files I need to change so to remove the same issue when using iphone, ipad, or other tablets ?
Many thanks
Claude

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#556898

I looks good in tablets. In iphone the header is not fixed while scrolling. May I know what to achieve here, please be precise

[rappdeckel Friend rappdeckelJoin date: January 2010Posts: 4Downloads:0Uploads:0]

#556984

please open http://www.amu.lu on an iphone in portrait mode.
you see that the text “Bienvenue sur le site….” is overlapping with the menu-bar.
In landscape mode, it works fine.
Would you know where I need to change the template so that the text is not overlapping with the menu-bar
while viewing the web-site in portrait mode ?
Many thanks
Claude

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#557094

Go to this File: /templates/ja_wall/css/layout-mobile.css

Add this code

#container .main {
padding-top: 250px !important;
}

#header {
height: 213px !important;
}

[Author]

Posts