Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 7, 2015 at 6:32 am #440765
    webblove

    How do I change the header size so more of my header images shows?

    May 7, 2015 at 5:15 pm #441092
    Yigit

    Hi webblove!

    Please go to Enfold theme options > Header and set header size to “custom pixel value” and change it as needed

    Cheers!
    Yigit

    May 9, 2015 at 10:27 pm #442009
    webblove

    I tried what you suggested, It changes the size of the menu bar where the logo is. However, my header image size doesn’t change on a mobile phone to show the entire image. Some of it is cut off. How do I get the header image to display the full image when looking at the website on an iphone without having to flip the phone to see the entire header image?

    Here’s a screenshot of what it looks like on my phone http://www.weblyalfreddesign.com/wp-content/uploads/2015/05/IMG_6810.png

    • This reply was modified 9 years, 6 months ago by webblove. Reason: attaching screenshot of the problem
    May 11, 2015 at 3:50 pm #442507
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .responsive .logo img { max-width: 140%; }

    Regards,
    Yigit

    May 12, 2015 at 12:51 am #442755
    webblove

    I used the code you provided. It doesn’t work. The header still looks the same on my iphone. Can you help?

    May 12, 2015 at 1:05 am #442758
    webblove

    I used the code you provided. It doesn’t work for the image on the header. It changes the size of the logo for mobile. That’s not what I want to change the size of. I want to change the size of the big image on top to fit the screen on mobile device Can you help?

    May 12, 2015 at 7:59 pm #443308
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive #top .logo { width: 100% !important; }}

    If that too does not help, please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Regards,
    Yigit

    May 12, 2015 at 10:39 pm #443412
    webblove
    This reply has been marked as private.
    May 15, 2015 at 12:12 am #444680
    Yigit

    Hey!

    Seems like you figured it out by adding following code to Quick CSS?

    @media only screen and (max-width: 767px) {
li.av-single-slide.slide-1.active-slide {
  background-size: contain;
  background-repeat: no-repeat;
}}

    Best regards,
    Yigit

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