Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 2, 2015 at 6:52 am #374008
    nigellim68

    I have a responsive site that is ok when in desktop mode.
    When the width goes below 767 px, it all goes haywire.

    1. The bottom part of the LOGO disappears into the orange bar (menu)
    2. Its position shifted from its original location from the desktop view.

    What are the changes I need to make?
    Currently it is :

    @media only screen and (max-width: 767px) {
.responsive .logo img {
height: 33px!important;
width: 120px!important; }
}
    January 2, 2015 at 2:31 pm #374062
    Yigit

    Hi nigellim68!

    Please add following code to Quick CSS and adjust as needed

    @media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: 130px!important;
}}

    Cheers!
    Yigit

    January 3, 2015 at 6:28 am #374416
    nigellim68

    Thanks, Yigit. It works!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Top HEADER logo disappered into the horizontal menu bar: HELP!’ is closed to new replies.