How to adjust mobile version

Hi,

I have configured the publisher template and got it the way i want. http://www.adam-global.byethost7.com/

My problem is, after i finished, i ended up with few bugs on the mobile version.
For exemple:
1- when the width of the screen is between 1000px and 921px, my menu is messed up thanks to the logo that is too big.
2- when the width of the screen is less than 920px the menu dissapears and the mid background is transparent instead of white.

I know i need to fix my mobile css, but i don't know how.

I hope you will help me soon.
Adam.

Hi,

Regarding your issues:

1. You have to use another image logo for this screen width by using i.e. this code:

Code: Select all

@media (max-width: 1000px) {
   #gk-head a.cssLogo {
      width: 300px;
      background-image: url('...')
   }
}


2. Add this code to add white backgorund (in tablet.css):

Code: Select all

#gk-mainbody-columns > section, #gk-mainbody-columns > aside {
background: #fff;
}


Regarding the logo - it doesn't disappear, it's mobile version of the menu (3 black bars on the right), if you want to change it to white, change the color of this image:
http://www.adam-global.byethost7.com/wp ... nu_btn.png

Thank you so much for the reply.
I will give you feedback very soon.

Adam

I am so glad i asked you, you made my day so easy.
Thanks a lot all problems solved