layout problems

Hi Guys
I have several problems with layout:
1. I would like to have a picture on header bg position instead slideshow. But dont know exactly how to do. I f I put pic on header bg position whole layout is destroyed.
2. I would like to have always on each page content on header_right position. But this looks destroyed on all pages except index page. See: http://uni.agentur-texte.de/index.php/t ... paedagogik
3. How to remove the span title? I dont want to have the title twice! See example "Coaching" and "Coaching- professionelle Hilfe beim Texte schreiben" http://uni.agentur-texte.de/index.php/l ... -schreiben

cheers martin

Nr. 3 I could solve myself:
go to template/features/"Page title block" = disabled

Hi

1. Please use Custom HTML module in header module position and show an image there.

2. I do not see anything posted in header_right position on the page from example. I think You have used "sidebar" position instead.

Hi titbite,
thanx for your response. Now somehow the header image apperas in right way. maybe I had wrong size before.
But module in header_right position is overlapping into the white block, which I feel looks ugly.. it should be only on top of the header picture.
And stille there is margin-top of header picture....which doesnt look nice , too.

..sorry. one more thing: after inserting the header picture, the submenu items are too far from main menu first level items and thus I cant click them because they dissappear before hovering there.

Hi Guys,
1. I cannot open the main menu on my samsung galaxy s4 phone.
2. The logo is cut off on the right side.
3. How can I change theH1 tag for mobiel view?
cheers. See uni.agentur-texte.de

I could solve some probs myself:
after adjusting the header picture (go to scource code and delete <p> tag and set picture to position: center) the module on position header_right is set well and the submenue works again!
cheers

the page speed and loading time of this template is really very slow!

Can anybody help me?
1. Page speed of site is horrible. I compared with other templates. (See my site: uni.agentur-texte.de)
2. In the templatre at the end of article there are several lines that i dont need. See attachement.

cheers martin

Hi

Please do not bump Your own thread, it moves it at the end of the line for answer with every bump and You need to wait longer.

1. Try enable cache and compression in template settings. The longest load is for facebook app and template waits for all elements.

2. Lines comes from social icons line which You are not using, so add this to css:

Code: Select all

#gkSocialAPI { display: none; }


Thanx teitbite,
Nr 2 is solved! Thanx!
Nr 1. I solved it in this way. In the template advanced setting, if I enable javascript compression the page becomes very slow. Thats why I disabled the js compression. Why it is so - I dont know,but it works!

One more prob:
on mobile view the article header H1 tag is too small (12px) . I tried to override in override.css with this:
article header h1, article header h2 {
font-size: 26px;
}
but no success. See f e. http://uni.agentur-texte.de/leistungen- ... hesis.html on mobile device.
cheers martin

Hi

1. I think some outside libraries was being processes for the compression. You should exclude it from compression first.


NEW: Add this code to mobile.css file:

Code: Select all

article header h1, article header h2 {
    font-size: 22px;
}


Thanx,
I added this code to mobile.css or rather the code was already there (line 415), I only changed the pixel size to 20px.
But still in mobile view there is no change.
And what about next template update if I make change in mobile view instead overwriting it?

Hi

Yes this code is there but is overwritten, so this code should be moved to the end of this file, but try just add "!important" rule, so this should be used as priority:

Code: Select all

article header h1, article header h2 {
    font-size: 22px !important;
}


Thanx,
"!important;" worked! hope that after next update it will work also.
cheers, martin

Hi

I do not think this will. You better separate this so it will be easier to prevent from being overwritten. Move the code to override.css file and keep it separated during updates, than put back to template:

Code: Select all

@media only screen and (max-width:640px) {
article header h1, article header h2 {
    font-size: 22px !important;
}
}