Logo size and move
Rate this topic: 




1.00 out of 6 based on 1 vote(s)
- GK User
- Fri May 03, 2013 12:40 pm
- Reply with quote
- Report this post
Hi I'd like to to move my logo to above the main menu, to span width and centered,on the fashion template is this possible if so how please advise quite urgent!!!
Thanx
Gerald
Thanx
Gerald
-

- Fresh Boarder
- GK User
- Fri May 03, 2013 4:07 pm
- Reply with quote
- Report this post
Hi,
yes it's possible, there are two possibilities:
1) edit php code
or
2) try only with css
I suggest use first method, edit this file: gk_fashion\layouts\default.php
there you will find:
in line 55
Move it after:
Now, overwrite few css lines
As you see - here is declaration of size of logo, change it you need. You can change margin values also.
yes it's possible, there are two possibilities:
1) edit php code
or
2) try only with css
I suggest use first method, edit this file: gk_fashion\layouts\default.php
there you will find:
- Code: Select all
<?php $this->layout->loadBlock('logo'); ?>
in line 55
Move it after:
- Code: Select all
<div id="gkPageWrap">
Now, overwrite few css lines
- Code: Select all
#gkLogo.cssLogo {
height: 66px;
width: 210px;
margin:0 auto;
}
As you see - here is declaration of size of logo, change it you need. You can change margin values also.
-

- Platinum Boarder
- GK User
- Mon May 06, 2013 3:20 pm
- Reply with quote
- Report this post
Thank you will try it out
-

- Fresh Boarder
- GK User
- Tue May 07, 2013 10:16 am
- Reply with quote
- Report this post
Thank you much apprecciated another thing I'd like to ask where one would edit line to make all modules centered on browswer page does anyone have any idea
-

- Fresh Boarder
- GK User
- Mon May 13, 2013 9:52 pm
- Reply with quote
- Report this post
ask where one would edit line to make all modules centered on browswer page does anyone have any idea
If you this kind of job please ask via PM because this is not typical template support.
-

- Platinum Boarder
- GK User
- Thu Jun 13, 2013 10:16 pm
- Reply with quote
- Report this post
Use my CSS to make your header-logo responsive:
- Code: Select all
#gkLogo {width:100%; }
#gkLogo img { max-width: 100%;height: auto; }
-

- Platinum Boarder
6 posts
• Page 1 of 1
