Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 9, 2016 at 11:47 pm #562533
    mcraig77

    Hi i need some help.

    When you open up my site I would like my main logo to show up (transparency) logo as a overlay. When you scroll down the logo shrinks it will go to the small logo (just the icon). Right now the icon logo show up fine but the transparency logo is too small.

    How do I make the transparency logo larger?

    January 10, 2016 at 1:02 am #562535
    Elliott

    Hi mcraig77!

    Add this to your custom CSS.

    .logo, .logo a {
    width: 300px;
}

    Cheers!
    Elliott

    January 26, 2016 at 6:52 am #571909
    mcraig77

    Hi I tried making the logo 400 and nothing happened. Please advise

    January 27, 2016 at 10:43 am #572727
    Vinay

    Hi!

    If you make the logo width 400px wide there will simply be no room for the menu items in screen size that are smaller and the menu items will bump into the logo but if you still wish to do the changes please send us wordpress login details as a private content and we will help you do that.

    Cheers!
    Vinay

    January 27, 2016 at 8:44 pm #573241
    mcraig77

    Hi There, Yes I will still need the logo 400px.

    Login info below

    Thanks

    January 28, 2016 at 4:51 pm #573846
    Vinay

    Hi!

    Thank you as per your request the logo width is now 400px wide

    we have added this code in css

    
@media only screen and (min-width: 769px) {
.logo img {
   width: 400px!important;
   height: auto!important;
}
}

    Regards,
    Vinay

    January 28, 2016 at 6:48 pm #573962
    mcraig77

    Ahoy, So I need the logo to be the same proportions and be scaled correctly…

    When I scroll down the logo changes and that logo I didnt want changed…. I just wanted the intital logo to be 400px … not the small bar logo changed. I need that normal.

    Please advise

    January 29, 2016 at 12:00 am #574186
    Vinay

    Hi!

    We are working on your ticket please wait while we update the results here soon.

    It has been corrected with updated below below code

    

/* Change logo width in desktop*/

@media only screen and (min-width: 769px) {
.av_header_transparency .logo img {
   width: 400px!important;
   height: auto!important;
}
}

    Best regards,
    Vinay

    • This reply was modified 8 years, 11 months ago by Vinay.
    January 29, 2016 at 2:33 am #574240
    mcraig77

    Looks good.

    The only thing that looks off is when it transitions from the big logo to the small logo. Any way to make it not look so janky?

    Also any way to move the large logo to the left tad to line up with the slider text?

    Thank you guys SO much!

    January 30, 2016 at 9:27 am #574949
    Vinay

    Hi!

    Logo transition is taken care off.

    The logo is aligned to the left of slider text but the space is coming from the logo image please edit your logo image

    Best regards,
    Vinay

    January 30, 2016 at 8:21 pm #575078
    mcraig77

    Gotcha,

    I just updated the logo so it looks better now but it seems to have reactivated the transition…

    T

    January 31, 2016 at 7:26 am #575184
    Vinay

    Hi!

    I don’t see any transition between the logo in the header before and after scroll on my end. please refresh the browser cache by holding down the shift key and hit refresh several times and check again. We are here to help!

    Cheers!
    Vinay

    January 31, 2016 at 7:36 am #575186
    mcraig77

    Hey vinay –

    I opened up a incognito browser and this is what happens. This is right before it transitions to the same logo.

    Please advise

    January 31, 2016 at 8:39 am #575195
    Vinay

    Hey!

    I checked in several browsers and looks good to me. please refresh the page several times it looks like caching issue on your browser or try in a different browser. If you still have issue please play with the logo width 400px and reduce it a bit.

    Regards,
    Vinay

    February 1, 2016 at 6:01 am #575554
    mcraig77

    Here is what I am seeing. See how it gets squished?

    February 1, 2016 at 5:02 pm #575897
    Yigit

    Hey!

    I changed following code

    @media only screen and (min-width: 769px) {
.av_header_transparency .logo img {
    width: 400px!important;
    height: auto!important;
    transition: none!important;
    transition: 0s !important;
}}

    to following one 

    @media only screen and (min-width: 769px) {
.logo { width: 100%; }}

    Please review your website now

    Regards,
    Yigit

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