Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #978621
    Madeny
    Participant

    Hi,

    I want to my left side bar logo to be bottom instead of top, I manage to do that by (.x-brand {
    margin-top: 600px;) but the problem is that my logo is not responsive when the screen gets bigger the logo is still in fixed. but my goals is to have the logo bottom no matter how screen gets bigger. can you please help me with that?

    and same thing goes for revolution slider on home page it’s not looking good on big screen at all.

    I’m going to put my login credential after this post cause I’m not be able to set this as private.

    #978623
    Madeny
    Participant
    This reply has been marked as private.
    #979271
    Joao
    Moderator

    Hi There,

    Unfortunately I could not log in or see your website with the credentials above provided.

    Can you please make sure they are correct?

    Thanks,

    Joao

    #979488
    Madeny
    Participant
    This reply has been marked as private.
    #979865
    Christopher
    Moderator

    Hi there,

    Please update your code to :

    .x-brand {
        font-family: "Libre Baskerville",serif;
        font-size: 0px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -1em;
        color: #272727;
        position: fixed;
        left: -11%;
        right: 0;
        bottom: 0;
        width: 9%;
    }

    Hope it helps.

    #979993
    Madeny
    Participant

    Sorry that doesn’t help, I think we misse understood.

    I’m using logo images and the logo should stay even when screen gets big or zoomed.
    How do I accomplish that?

    Please read through my previous post I mean from the beginning.

     when zoomed
    On normal screen

    #980089
    Christopher
    Moderator

    Hi there,

    The provided code works fine, please see the attachment.

    Please clear cache and check again.

    Thanks.

    #980350
    Madeny
    Participant

    That was great thanks a lot, but one thing left the logo is not really responsive because is too big when zoomed. now how to auto sized along with navbar? and I want the same for the home slider too.

    #980731
    Rad
    Moderator

    Hi there,

    Would you mind providing a screen recording? I’m not really sure what’s the current issue and zooming is not a web standard. Design shouldn’t be depending on it.

    Thanks!

    #987780
    Madeny
    Participant
    This reply has been marked as private.
    #988150
    Jade
    Moderator

    Hi there,

    Kindly resized your images and reupload then again so that we will have an idea what you are describing and we could propose a solution.

    Thank you.

    #991591
    Madeny
    Participant

    https://www.dropbox.com/s/e1s0c44u5xkh1l5/s1.png?dl=0
    https://www.dropbox.com/s/j66tk2cvhb30qrg/s2.png?dl=0

    Please follow those links to see the attachments.

    it was on the 81 cm screen pics. you can see on the screen slider is fixed and can move down when screen gets bigger. and the logo is horrible, it’s even out side the navbar.

    I don’t want that.

    Can you please help me.

    #991879
    Christopher
    Moderator

    Hi there,

    Please add this CSS code in customizer:

    
    @media (min-width:1400px){
    a.x-brand.img img {
        width: 61%;
    }
    }

    Hope it helps.

    #992211
    Madeny
    Participant

    Hi,

    Thanks for update

    But still now working as I wanted, the logo was reduce at some big screen but still get mess on some screen.

    So I removed all my codes and I attached a pic where you can see where I want to the logo to be.

    the logo on top now it’s prefect no matter what screen, I don’t want to change nothing just to reposition it to bottom where I sketch on the pic.

    Best Regards

    #992272
    Christopher
    Moderator

    Hi there,

    Please try this code :

    @media (min-width:979px){
    .x-brand.img {
        position: fixed;
        bottom: 0;
        margin-left: 2%;
    }
    }

    Hope it helps.

  • <script> jQuery(function($){ $("#no-reply-978621 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>