Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 15, 2015 at 1:50 pm #428908
    idesignprint

    Hello,

    I have succesfully added a widget area to my header but it adds it after my navigation but I would like it to sit to the right of my logo (replacing header social icons), at the minute I have my header setup as logo left, menu below.

    How can I go about this?

    Thanks
    Claire

    April 16, 2015 at 10:10 am #429464
    idesignprint

    Hello,

    Can anyone help with my question above?

    Any help would be greatly appreciated.

    Thanks

    April 16, 2015 at 3:28 pm #429659
    Yigit

    Hey!

    Seems like you have removed widget area from header and using phone field instead. Please remove your code and change it to following one

    .phone-info {
  position: relative;
  top: 45px;
  left: 40%;
}
.header-scrolled .phone-info { top: 29px; }

    Best regards,
    Yigit

    April 16, 2015 at 3:44 pm #429674
    idesignprint

    Hello,

    Thanks for getting back to me, yeah I thought I would try the phone field instead. I added the css you suggested but now when I scroll I lose the top of my logo, how can I fix this?

    Thanks again
    Claire

    April 16, 2015 at 3:59 pm #429691
    Yigit

    Hi!

    Not sure if i understood the issue clearly. Can you please post a screenshot and show the issue? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Cheers!
    Yigit

    April 16, 2015 at 4:44 pm #429732
    idesignprint

    Hello,

    Sorry nevermind, it seems to be working correctly now, thanks for your help.

    Claire

    April 16, 2015 at 4:57 pm #429740
    idesignprint

    Hello,

    I spoke too soon, I have attached a screenshot to show you what it looks like, it works fine in chrome but looks like (see screenshot) in firefox.

    Claire

    April 17, 2015 at 10:19 am #430206
    Ismael

    Hey!

    What is this code for?

    #header_main {
    border: medium none !important;
    top: -35px;
}

    Try to add the quoteline by using this filter: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Cheers!
    Ismael

    April 17, 2015 at 10:48 am #430218
    idesignprint

    Hello,

    I tried adding this code but I want the widget to sit to the right of the logo, it seems to be stuck within the navigation bar, is there a way I can fix this?

    April 17, 2015 at 5:31 pm #430464
    Yigit

    Hey!

    Please add following code to Quick CSS and adjust as needed

    #header .widget {
  left: 23%;
}

    Best regards,
    Yigit

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