Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 30, 2018 at 1:08 pm #904820
    Armstrong88

    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, 10 months ago by Armstrong88.
    January 30, 2018 at 1:41 pm #904859
    Nikko

    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

    January 30, 2018 at 2:18 pm #904899
    Armstrong88

    thank you so much.

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

    January 30, 2018 at 2:44 pm #904918
    Armstrong88

    and good header logo and the widget header on mobile

    January 31, 2018 at 5:03 am #905337
    Nikko

    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

    January 31, 2018 at 10:15 am #905459
    Armstrong88

    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

    January 31, 2018 at 10:24 am #905467
    Nikko

    Hi,

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

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

    Best regards,
    Nikko

    January 31, 2018 at 10:44 am #905484
    Armstrong88

    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.
    January 31, 2018 at 3:07 pm #905610
    Nikko

    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

    January 31, 2018 at 4:14 pm #905634
    Armstrong88

    thanks, it works

    February 1, 2018 at 12:40 am #905920
    Nikko

    Hi,

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

    Best regards,
    Nikko

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