Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #904820

    I have used this code below but the alignment is not yet right. the logo should be at the top left instead of below

    #header .widget {
    left: 50%;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 999;
    }

    • This topic was modified 6 years, 11 months ago by Armstrong88.
    #904859

    Hey Armstrong88,

    Thanks for providing admin access, I removed this code which is preventing the css code below it from working

    -------------

    then replaced the code above with this:

    #header .widget {
      right: 0;
      padding-top: 0;
      position: absolute;
      top: 0;
      transform: translate(-25%);
      z-index: 999;
    }
    
    @media only screen and (max-width:1310px) {
      #header .widget {
        transform: translate(0);
      }
    }

    Let us know if it helps.

    Best regards,
    Nikko

    #904899

    thank you so much.

    one more thing, can we have the header widget move more close to the right?

    #904918

    and good header logo and the widget header on mobile

    #905337

    Hi,

    You’re welcome, try to replace the -25% on:

    transform: translate(-25%);

    make it like -15% or -5%.

    and good header logo and the widget header on mobile

    can you elaborate more on what you want to fix or achieve?

    Best regards,
    Nikko

    #905459

    ok, that is fixed. thank you.

    what is left now is that the widget header is overlapping the logo on mobile phone view. i need that fix

    #905467

    Hi,

    You’re welcome. :) Try adding this css code:

    #header .widget {
        position: relative;
        padding-bottom: 0;
    }

    Best regards,
    Nikko

    #905484

    thank you. it’s fixed but too much space between the top an the logo on desktop view

    http://www.onnalushgroup.com/dkrealestate/

    • This reply was modified 6 years, 10 months ago by Armstrong88.
    #905610

    Hi,

    I apologize, please replace the last code I gave with this one:

    @media only screen and (max-width:767px) {
      #header .widget {
        position: relative;
        padding-bottom: 0;
      }
    }

    Best regards,
    Nikko

    #905634

    thanks, it works

    #905920

    Hi,

    Glad to hear that! :) Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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