Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #607360

    Hello

    The jpg in the header of a site that I am building is not displaying at its full size (1310×155). It remains small. I’ve checked the settings and tried resetting them and tried different settings but to no avail.

    I would appreciate it if you will please take a peak at it. Login info in private content area.

    Once again…GREAT THEME and GREAT SUPPORT! Thank you very much.Marlise

    • This topic was modified 8 years, 8 months ago by freeethinka.
    #607384

    Hey freeethinka!

    I can see it here
    http://awesomescreenshot.com/0965rfgzdf

    as a full image.
    can u please confirm to us if it is your cache or not?
    Thanks a lot

    Best regards,
    Basilis

    #607970

    Hi Barilis!

    Thank you very much but no cigar. It only shows at full size in Firefox v44 but no luck with Chrome v49.0.2623.110 (64-bit), or Safari v9.1 (9537.86.5.17.4).

    I’ve cleared the cache in all 3 of my browsers many times and on several occasions but to no avail. My client also cleared her cache and reloaded the page several times.

    What browser were you on when you took that screenshot?

    Thank you,
    Marlise

    #608574

    Hello,
    I replied to your query, but I haven’t heard back from support nor am I able to resolve this problem. I would appreciate it if you will please assist in resolving it.

    Thank you!
    Marlise

    #608715

    Hi Marlise,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .html_header_top.html_logo_center .logo {
        left: 0% !important;
        -webkit-transform: translate(-0%, 0);
        -ms-transform: translate(-0%, 0);
        transform: translate(-0%, 0);
    }

    Regards,
    Rikard

    #609067

    Thank you that code kind of worked except when the page is scrolled; the header then shifts left. I tried changing ‘left’ to ‘center’ but that shifted it to the right. Can you please give me the code that will keep the logo centered when the page is scrolled. I would like the logo to shrink and remain centered.

    Thank you very much!
    Marlise

    • This reply was modified 8 years, 8 months ago by freeethinka.
    #609360

    Hi,

    Please try the following as well:

    .header-scrolled .av-logo-container {
        height: 150px !important;
    }
    
    .header-scrolled strong.logo a img {
        max-height: inherit !important;
    }

    Regards,
    Rikard

    • This reply was modified 8 years, 8 months ago by Rikard.
    #609406

    Thank you Rickard,
    I added it “as well” to the code that you gave me previously and so together this is how both sets of code appear, but still no luck:

    .html_header_top.html_logo_center .logo {
    left: 0% !important;
    -webkit-transform: translate(-0%, 0);
    -ms-transform: translate(-0%, 0);
    transform: translate(-0%, 0);
    }

    .header-scrolled .av-logo-container {
    height: 150px !important;
    }

    .header-scrolled strong.logo a img {
    max-height: inherit !important;
    }

    I then tried adding it “instead” which centered it, but when the logo reduced, the header area remained large with excessive space below the reduced logo. Please see private content.

    #609989

    Hi,

    It looks like you have different settings on the sites you’re comparing and the images are different as well, and you are using the logo area for something that it’s not designed for (please refer to the demo), so you will have to use custom CSS if you want to keep doing what you are doing. It’s not uncommon for us to give users custom CSS no, that is because we are kind enough to offer that to our customers.

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    #610065

    Hi Rikard,
    I understand and very much appreciate your support.
    Please see login info for both sites in Private content.

    Thank you,
    Marlise

    #610486

    Hi,

    I added the first CSS I gave you https://kriesi.at/support/topic/header-not-working/#post-608715 to Quick CSS and unchecked the Shrinking Header option under Enfold–>Header–>Header Behaviour. It’s full width now.

    Thanks,
    Rikard

    #610500

    Hi and thank you, Rikard.

    #610516

    Hey!

    Glad we could help!

    Thank you for using Enfold :)

    Cheers!
    Vinay

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Header does not display at correct size’ is closed to new replies.