Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 11, 2016 at 12:03 pm #659186
    wizard247

    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

    July 12, 2016 at 7:41 pm #660044
    Josue

    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

    July 13, 2016 at 12:45 am #660165
    wizard247

    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

    July 15, 2016 at 3:47 am #661114
    Ismael

    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

    July 15, 2016 at 6:55 am #661156
    wizard247

    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

    July 19, 2016 at 4:54 am #662337
    Ismael

    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

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