Announcement

Collapse
No announcement yet.

Global Header html5 becomes huge

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Global Header html5 becomes huge

    We just moved to html5 and we are having an issue with the header and wondering if anyone else had this issue. When we put on our logo header image, it becomes huge when live on the site. Also, it centers even when we click on the left align box.

  • #2
    with responsive templates max-width is your best friend. you can set width as a % of page and then set min-width and max-width

    this is how it looks like in-line. You don't have to use all three tags.
    style="width:20%;min-width:150px;max-width:300px;"

    Comment


    • #3
      I forgot to mention that you can also use media tags to control the width on specific devices
      So you would isolate the CSS to a specific screen size. (the logo widths I am using are purely random, and you can use fixed widths or anything you want)

      Code:
      @media screen and (min-width: 768px) {
      .logo {
      width:15%;
      max-width:200px;
      }
      }
      
      Or
      
      @media screen and (max-width: 767px) {
      .logo {
      width:20%;
      max-width:150px;
      }
      }

      Comment


      • #4
        Thank you so much elightbox. Do you, or does anyone know how to move out logo to the left? We have all this empty space to the left and are unable to move our logo there.

        Any help would be awesome - thank you!
        www.TungstenFashions.com

        Comment

        Working...
        X