Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #659186

    Hi,

    Firstly, I have already put in a Feature Request to return the resizing/shrinking of the sticky header on tablets as this is the reason why I am now adding a support ticket.

    Please go to my site on tablet (link below).

    My client wants his logo large – I have therefore set the menu on tablets to change to the hamburger menu as it will not fit horizontally otherwise.

    Now scroll down – the logo and header remain the same size and take up way too much screen real estate.

    I’d like a solution that either:

    a) Shrinks the logo and sticky header on tablets; or
    b) Removes the sticky header on tablets altogether but keeps the header when not scrolled and retains transparency (least preferred option).

    Please note that if I set the header to “fixed” as recommended in several other posts with people asking the same question, I get a background colour in my header which I do not want – I want to retain the transparency.

    Thank you,
    Wizard247

    #660044

    Hey,

    I noticed that you are using a caching plugin. Would you mind opening your plugin’s settings page and temporarily deactivate the caching of your site? Then please try to clear your browser cache and hard refresh the site (Hold CTRL + SHIFT + RELOAD) to see if that solves the issue.

    Best regards,
    Josue

    #660165

    I had BWP Minify and Wordfence switched on – deactivated them now. Emptied caches first. No difference on iPad. Could you please have another look?

    Thank you,
    Louise

    #661114

    Hey!

    Did you disable the “Sticky Header” option? Please post the login details here so that we can toggle the settings while we check the issue.

    Cheers!
    Ismael

    #661156

    Yes – I have it switched off now as the site is due to go live on Monday and I had to show the client the final version.

    I would really like to switch the sticky header back on, but only visible on desktop/laptop and not on tablets or phones, unless you can apply some css that allows for shrinking of the header on tablets.

    Thanks,
    Louise

    #662337

    Hi,

    What if we adjust the height of the header on iPad view? Something like this should work:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    #top #header_main .av-logo-container, #top #header_main .av-logo-container .logo a, #top #header_main .av-logo-container .logo a img {
        height: 120px !important;
        line-height: 120px !important;
    }
    }

    Best regards,
    Ismael

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