Epik squished logo

Homepage › Community Forums › General › Epik squished logo

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 13, 2014 at 8:59 am #14728
    Tony
    Customer

      Hi,
      I am having problem with the logo becoming squished in normal browsers this also happen on ipad image attached, please can you advise it is as though the image is locked and not responsive or that the menu items are not responsive and are clipping the image, the image is 360px wide

      squished logo

      Thanks

      December 13, 2014 at 6:12 pm #14739
      Eric
      Customer

        Hi do you have a link to your site? I would need one in order to see exactly what all is going on……(a screenshot/picture won’t be enough to fully inspect everything)

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        December 16, 2014 at 1:10 pm #14750
        Tony
        Customer

          I am currently developing this offline but was playing with it at one of my other sites to see if it was down to the local machine I was running but the effect is the same, cyclefatboycycle.co.uk shows the effect, if needs be I can transfer it to a holding domain so you can look further?

          December 18, 2014 at 3:12 pm #14762
          Tony
          Customer

            Any help on how to resolve this, I won’t make my site live until I can resolve this?

            Thanks

            Tony

            December 18, 2014 at 6:14 pm #14767
            Eric
            Customer

              If you look at line 4052 in your css you’ll see this – 

              .sidebar-primary,
.title-area {
	width: 300px;
}

              That controls both the sidebar and the title area. I would split these up so that the width doesnt affect the title area/logo – 

              .title-area {
	width: 350px;
}

              You can play around with the width and adjust it based on your preference. The code above is located in your responsive area.

              That instantly fixes it for the logo since your logo is around 350px. This advice is for the link you posted above though, I’m not sure what line or what code will work on your other site since you don’t have a link for it.

              If that doesn’t fix the issue for your other site then I would still need a link some kind of way since it would be a shot in the dark (difficult to see what the issue is).

              I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              December 21, 2014 at 8:51 am #14778
              Tony
              Customer

                Thanks that works to an extent but looks messy as the header section becomes larger as the header menu text moves towards the logo image until the point it drops below the image.

                Unlike the slider images and other graphics on the page the the logo image is not resizing dynamically if I pull the right hand edge of my browser in the images all shrink dynamically, the logo image stays the same size throughout

                December 21, 2014 at 12:17 pm #14791
                Wes
                Moderator

                  @Tony I would add Erics suggestion above, but you would also need to remove/adjust the width for the widget area (which kicks in when responsive mode is active or the browser is resized). You should be able to find this on line 4042 in your css – 

                  .content,
.site-header .widget-area {
	width: 620px;
}

                  You can split this up as well so that only the header widget area is adjusted – 

                  .content {
	width: 620px;
}

.site-header .widget-area {
	width: auto;
}

                  Changing the .site-header .widget-area to auto would solve the issue of the widget area falling off to the side and over to the left. It was doing that because of the lack of space for both the logo and widget area in the header.

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.