Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 21, 2014 at 11:29 pm #322713
    ayanasoul

    Hi,

    Our logo looks fine in the header on the main web layout, however distorts across all the other responsive layouts sizes.

    Also, the ‘condensed category menu’ on the mobile phone layout, sits directly on top of our logo (however this problem may be resolved once the header re-sizing/ distortion issue is fixed)

    Also, some of the category menus (the ones on the ends) and the search icon move down into the featured slider image section (on the homepage) and becomes barely visible. At the moment I have reduced the font sizes of the category menu to be small enough to avoid this occurring on the main layout size, but on an ipad held horizontally, you can see what I mean, as this exact same problem is still visible.

    Thanks for your help.

    September 22, 2014 at 9:44 am #322877
    Ismael

    Hey ayanasoul!

    Thank you for using Enfold.

    Please use this on Quick CSS or custom.css to fix the size of the logo:

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 60px !important;
max-height: 60px !important;
top: 5px;
}
}

@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 55px !important;
max-height: 55px !important;
top: 5px;
}
}

    Can you please revert the menu back to its original size? Try using this to adjust the width of the menu container:

    @media only screen and (min-width: 1140px) {
.responsive #header_main_alternate .container {
width: 1200px;
}
}

    Cheers!
    Ismael

    September 24, 2014 at 11:21 pm #324668
    ayanasoul
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘header does not resize’ is closed to new replies.