Spacious header not displaying properly

  • holisticallyawesome

    (@holisticallyawesome)


    11 years, 2 months ago

    I published my web site last night, and it looks great on Chrome and Safari. However, I’m receiving feedback that the header looks HUGE and virtually unreadable on Firefox and IE. Also, when viewing the site on both Android and iPhone, the title for “IIN – Learn More” appears next to the IAHC logo and not above the IIN graphic (this is Footer Sidebar Two). Can you please tell me how to correct these issues?

    http://www.holisticallyawesome.com

    Thanks!
    Michelle

Viewing 5 replies - 1 through 5 (of 5 total)
  • Luke Stacey

    (@daftduke)

    11 years, 2 months ago

    Hi Michelle,

    I’ve just checked your site on Firefox and I see what you mean…

    I think you just need to set the width of the header-left-section:

    #header-left-section {
  width:  100%;
}

    When I add in that code, the logo shrinks to its appropriate size and you loose the overflow to the right.

    You can paste this code in your child theme or Custom CSS plugin.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter holisticallyawesome

    (@holisticallyawesome)

    11 years, 2 months ago

    That worked perfectly on IE! I can’t test on Firefox at work though (blech).

    Are you able to help me with my second issue? Here it is again so you don’t have to look at the original post:

    Also, when viewing the site on both Android and iPhone, the title for “IIN – Learn More” appears next to the IAHC logo and not above the IIN graphic (this is Footer Sidebar Two).

    http://www.holisticallyawesome.com

    Luke Stacey

    (@daftduke)

    11 years, 2 months ago

    I see what you mean…try this:

    @media screen (max-width: 595px) {

.tg-column-1, .tg-column-2, .tg-column-3, .tg-column-4 {
  float: left;
}

}
    Thread Starter holisticallyawesome

    (@holisticallyawesome)

    11 years, 2 months ago

    I tried posting it in the widget box but all it did was show that text on the page. I don’t know where to put it.

    Luke Stacey

    (@daftduke)

    11 years, 2 months ago

    You can paste the code in your child theme’s style.css or in a custom css plugin.

    You can read more about child themes here or try out this very popular custom css plugin – Simple Custom CSS

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Spacious header not displaying properly’ is closed to new replies.