Menu modifications CSS and Google Fonts

Hi!!!

I am wanting to make the menu aligned in the middle of the page but can't find any where in the CSS to do this... does anyone have any ideas?

Also I would like the font in the menu to be a google font how do go about doing that?

Any help appreciated! Thanks.

Hi.

Also I would like the font in the menu to be a google font how do go about doing that?

You have to use:
1) Firebug to check which class you have to use.... but sure I can help you

Code: Select all

 .gkMenu > ul > li > a

2) In template configuration --> Font tab

Please read:
1) http://www.gavick.com/documentation/joo ... ork-fonts/
2) http://www.gavick.com/documentation/joo ... gle-fonts/

I am wanting to make the menu aligned in the middle of the page but can't find any where in the CSS to do this... does anyone have any ideas?

Sure, it won't be available by default because near we published/placed search module position and align to left.

But there is solution - please use this simple css code:

Code: Select all

 #gkSearch {display:none;}

#gkMainMenu
{ margin: 30px 0 0; clear: none; float: none; }

Custom CSS code - how to use in GK template: http://www.gavick.com/documentation/joo ... -template/

Thanks os much for the quick reply... I wanting to put a background image behind the menu... my CSS is as follows

Code: Select all

#gkMainMenu {
   clear: none;
   float: none;
   margin: 80px 0 0 0;
   padding: 0;
   background: transparent url('menu.png') no-repeat 50% 120%;
}

But the image is not showing.

https://static.gavick.com/menu.png

because we're using HTTPS - so you can not "steal" our images and browser gets "403 Forbidden"

00-error403.png

Please use different image source URL and it should work as you expect .
Have a nice try.

Thanks so much... I still can't get it to work though... I kinda got it centered using 10% margin... but its not ideal...

Live site is at www.poshparty.co.za

Would also like the logo centred - if possible. Otherwise the site is good to go!

I have to say "WOW" - what a nice looking website.

Very Quick Solution - not perfect but works.

Code: Select all

#gkLogo { margin: 0 0 0 45%; }

p.s.
The problem is not how to center logo - this is quite easy, but what to do with social icons on right

Code: Select all

#gkHeaderNav h2 { float: none; }

#gkLogo { margin: 0 auto; }

Hello! I am glad you like the site - Thank you!!!

Also thanks for all the help.

How can I make the site non-responsive?

How can I make the site non-responsive?

In most cases, use this simple tip: template configuration ---> Layout (tab) --> Responsive Layout [disabled] + Save & Close

Me again!!! I am battling to get the images to float to the left of the text in the category list view... I have done it on other sites but this one doesn't seem to play ball...

Any ideas?

http://poshparty.co.za/index.php/shop/washi-tape

Next time, add new post not in old one. We don't check old threads so often,
We don't like mess, thanks
--------------------------------
This may help:

Code: Select all

.itemList .itemImageBlock {
    float: left;
    width: 205px;
}

.itemList header {
    width: 340px !important;
}

Sorry!!! I will start a new post.

new post at...

https://www.gavick.com/forums/shop-and- ... 33320.html