Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 29, 2015 at 1:56 am #557901
    rudtek

    I added a widget area to the header using this document:
    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    is there any way to vertically align the icons to the button?

    Also, this becomes “messy” when it goes responsive because the navigation doesn’t change with it. How can i make look a bit better? is there anything to do?

    December 29, 2015 at 2:00 am #557902
    Elliott

    Hi rudtek!

    Add this to your custom CSS.

    #header .widget .av_font_icon {
    top: 20px !important;
    position: relative !important;
}

    Cheers!
    Elliott

    December 29, 2015 at 7:34 pm #558212
    rudtek

    thanks!

    December 29, 2015 at 10:15 pm #558258
    Basilis

    Hi!

    We are glad you got that short out!
    Btw, If you have a moment, I would very much appreciate if you could quickly rate the Enfold to themeforest, which wiII heIp us keep the deveIopment up!

    Please do not hesitate to contact us, if you do need anything else.

    Regards,
    Basilis

    • This reply was modified 8 years, 11 months ago by Basilis.
    January 8, 2016 at 12:34 am #561664
    rudtek

    Is there any way to make the header widget area drop down under the menu on smaller screensizes?

    when the site is on a desktop it looks great. However when it starts to get narrow, the red ‘register’ button starts to overlap the menu, I’d like to make a media query in my css that will force the button to drop down below the navigation when viewed on smaller screens. How would I do that?

    It looks like the nave is on a different z-index?

    January 8, 2016 at 1:43 am #561727
    Elliott

    Hi!

    Try this.

    @media screen and (max-width: 820px) {
#top #header .widget .av_font_icon {
    top: 60px !important;
    position: relative !important;
}
}

    It will drop it down an additional 40px on screens smaller than 820px.

    Regards,
    Elliott

    January 11, 2016 at 11:38 pm #563565
    rudtek

    it does drop it down, but on screens in between (1000px) it overlaps my menu.

    Is there anyway to get these both on the same z-index so they can become responsive to each other?

    I’d like to say at less than 1000 px the header widget is displayed as a block and then clear both sides so it’s entirely on it’s own line.

    January 13, 2016 at 12:30 pm #564593
    Andy

    Hey!

    you can activate mobile menu sooner. Refer to this https://kriesi.at/support/topic/change-width-to-activate-mobile-menu-insteas-of-regular-menu/#post-405849 and adjust max-width value as needed.

    Regards,
    Andy

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