Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 31, 2016 at 7:48 am #640723
    wizard247

    Hi,

    Is it possible for my logo to be shown outside the boundaries of the header container? My header size is current size to LARGE, however, I would like it to be small for my menu items, but I want the bottom of my logo to be overlaid on the slide image.

    Is this possible?

    Thanks,
    Louise

    May 31, 2016 at 8:21 am #640735
    Vinay

    Hey wizard247,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    Adjust the min-height value to suit your design :)

    .logo ,.logo a,.logo img {
    min-height: 300px;
}

    Best regards,
    Vinay

    May 31, 2016 at 8:30 am #640738
    wizard247

    Thank you that worked for the desktop main view.

    Can I get it to shrink when scrolling down the page so it fits back into the header container?

    Also – I need it normal on mobile size, but I guess I can adjust that by putting the above in a css media statement.

    thanks,
    Louise

    May 31, 2016 at 9:47 am #640778
    Vinay

    Hi,

    I think you figured out the mobile version it looks good on mobile devices.

    To change the logo height on scroll use the css below.

      .header-scrolled .logo ,.header-scrolled .logo a, .header-scrolled .logo img {
    min-height: 100%!important;
}

    Best regards,
    Vinay

    May 31, 2016 at 10:04 am #640790
    wizard247

    Perfect! Yes, I figured out the styles for mobile and tablet.

    Thank you. :)

    May 31, 2016 at 10:30 am #640797
    wizard247

    Nearly there!

    Can I do the same on ipad portrait and landscape view? i.e. the logo resizes to smaller. Currently they stay the same size. I tried the above css code in the media queries but it doesn’t work there.

    I also seem to have lost the smooth transitioning of the logo into the smaller size. Any chance of getting that back?

    Thank you!
    Louise

    June 1, 2016 at 12:37 pm #641425
    Andy

    Hi,

    1.) yes sure, see here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
    Just pick the correct device and look for the media queries in question.

    2.) What did you do to loose it? Maybe a plugins is causing it? deactivate all of them to check it.
    Send us admin access if you still need help with it.

    Best regards,
    Andy

    June 1, 2016 at 4:46 pm #641603
    wizard247

    After I made the css changes recommended above is when I lost the transitions.

    I also tried the media queries for iphone and ipad but the logo does not shrink. I think it may have something to do with that feature being switched off by default?

    Louise

    June 2, 2016 at 11:31 am #641964
    Andy

    Hi,

    yes, this feature won’t work on mobile by default.
    Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

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