Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 9, 2015 at 10:49 am #470710
    USERNAME2015

    Hi there,

    I’m trying to change the position of the transposh widget in the header with this ccs code:

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

    I can’t put the flag at the same height of the menu, i need to align all element (logo, flags of the transposh widget, menu items…), can you help me please ?

    pd: I’ve tried changing the value of padding top, top… but don’t works

    Thanks a lot for all.

    July 9, 2015 at 3:59 pm #470966
    Rikard

    Hey USERNAME2015!

    Please try the following instead:

    #header .widget {
  left: 35%;
  padding-top: 20px;
  position: absolute;
  top: 30px;
  margin-bottom: 0px;
  transform: translate(-50%);
}

    Best regards,
    Rikard

    July 9, 2015 at 4:16 pm #470979
    USERNAME2015

    Thanks for your reply Rikard, now the flags are aligned with menu but if i screen down the flags still not aligned with the menu items, how can i do it ?

    July 10, 2015 at 5:41 am #471270
    Rikard

    Hey!

    Sorry about that, please try this instead:

    #header .widget {
  left: 35%;
  padding-top: 0px;
  position: absolute;
  top: 42%;
  margin-bottom: 0px;
  transform: translate(-50%);
}

.header-scrolled .widget {
  top: 40% !important;
}

    Also, please activate the mobile menu for tablets as well under Enfold–>Header–>Mobile Menu as your menu is overlapping the logo on tablet sizes.

    Regards,
    Rikard

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