Bannertop position in all layouts

http://www.lomyatezba.cz

I have big logo image in banner modul in bannertop position.
I need make this logo visible in all layouts.

Is also possible to make:

1) This position remain always visible in all layouts.
2) The width of this position will still be the same as width of maibody
3) The witdh of image in module in this position will adaptive to with bannertop positon (and the same as maibody)

Thanks for help.

Hi, you have to modify - overwrite some styles.

If you look at file: gk_magazine\css\tablet.css - you'll see in this code

Code: Select all

#gkBannerTop {
   display: none;
}

- this element (where you have your logo) disapear.
So change from "display:none;" to "display:block;" and it should be okey.

Every Gavick Template has overwrite options in his configuration.

Thans!

One more -and I promise last for today - question:

http://www.lomyatezba.cz

In template properties (features) is now Logo type set to none.
How I center gkBannerTop with mainbody? (now is in normal layout aligned to left)

Ivo Bešťák

Hi, sure no problem, look at this file Template.css (line 133):

Code: Select all

#gkBannerTop {
    float: left;
    margin: 24px 20px 0 50px;
}

As you see there is a left float!, I suppose to change value from left to none
and also you can "play" with margin positions, of course use overwrite (better!) or if you like change inside file.

p.s.
Next time create new topic with new question. Please.

p.s.
Is not save(!) to add link to "/administrator" on the front page, beacuse some people will try to get access trying . Můžeme vám pomoci zlepšit všechny nedokonalosti na vašich webových stránkách.

Thanks, but:

Yes, I can with margin (left) value move gkBanner to right and so "center" him over mainbody.
But this is good only in normal layout - not in tablets and mobile layouts
Is possible to make so one rule (in CSS?)

ad p.s. (1) - sorry
ad p.s (2) - OK, my idea was very wrong...


"Můžeme vám pomoci zlepšit všechny nedokonalosti na vašich webových stránkách."
Děkuji, jakou cestou?

Hi, your problem is in this code

Code: Select all

#gkBannerTop {
    float: left;
    margin: 24px 20px 0 175px;
}

- because this same margin vaules is used in all devices, so you have to use different margin values for mobile views.
Second, you have to use responsive image tips for a logo or smaller size for mobile.

Read here: http://webdesignerwall.com/tutorials/5- ... ive-design