Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 9, 2016 at 11:38 am #710171
    Angelo

    Hey Guys,

    I am having a challenging case right here. Is it possible to fix the header in enfold like this ; http://preview.yithemes.com/socute/.

    So far so good, i was able to ad an widget in the header to test it, but now i see it is under the menu and not above. http://angelo.test-ufirst.nl/

    Is someone able to help me out with this?

    November 10, 2016 at 1:45 pm #710708
    Vinay

    Hey Angelo,

    We will help you resolve this issue :) Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    November 10, 2016 at 3:04 pm #710730
    Angelo

    Thanks!

    November 11, 2016 at 5:12 pm #711268
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

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

    Best regards,
    Yigit

    November 13, 2016 at 12:20 am #711506
    Angelo

    Thanks already did that! I added a text widget as well and a search widget but now i need them all next to eachother with a border under it.

    November 15, 2016 at 12:45 pm #712454
    Andy

    Hi,

    try this code:

    .textwidget {
position: relative;
right: -160px;
top: -38px;
}

    and adjust as needed.

    Best regards,
    Andy

    November 24, 2016 at 1:23 pm #716396
    Angelo

    I did that but it doesnt work.

    I need my header exact the same as; http://preview.yithemes.com/socute/ . Is that possible? Or do i need to switch themes?

    November 25, 2016 at 1:49 pm #716832
    Andy

    Hi,

    your header looks good to me now: http://i.imgur.com/Di4u8Uw.png
    What do you want to change exactly? a mockup showing the results you want to achieve would help a lot.

    Best regards,
    Andy

    November 25, 2016 at 2:47 pm #716856
    Angelo

    Well I did cut the header out and did it with the avia builder on the homepage and used the full with slider (See screenshot http://imgur.com/0M1Fvlf)

    This is what i want with the header of enfold http://imgur.com/eJCJ1c6.

    I did it on the homepage now but i dont know how to fix it with the header itself

    November 25, 2016 at 7:50 pm #717027
    Andy

    Hi,

    these are different elements than on your website, a precise mockup would really help. This way we need to guess more or less to find out what you actually want. Maybe it’s your menu you want to move more to the right:

    #top .av-submenu-pos-right {
margin-right: 61px;
}

    Adjust as needed.

    Best regards,
    Andy

    November 25, 2016 at 11:37 pm #717106
    Angelo

    Hi Andy,

    Like i said in the screenshot from the so cute theme is what i want.

    Right now i made an *header* into the homepage avia builder instemde of using the header. The originaliteit header is t visite now because i could t fix it. There is no opportunist to place 3 widgets next to eachother in the enfold header. That is why i did it in the homepage just to give it a look a like. But in this way it wont be responsive on other devices. It doesnt look good but the menu wont stay under the border on the same point eventho i make it responsive.

    So my question again is; is it possible with the enfold header to fix the look like header like the so cute theme.

    Do i need extra widgets in the main header, so yes how can i do that. And also responsive so it looks nice on every device.

    Im sorry if i am not really clear about it. Maybe my english is just bad.

    November 28, 2016 at 11:02 am #717661
    Andy

    Hi,

    it’s really difficult to get a clear sense about what you want, if you just write about it. Instead please send us a precise mockup, showing the results you want to achieve. Use dropbox or imgur.com.

    Best regards,
    Andy

    November 28, 2016 at 3:22 pm #717802
    Angelo

    This is what i want –> http://imgur.com/a/S0tBU. And now i do know that the homepage looks like this but the problem is i made it with the avia builder. Not with the normal regular settings from enfold.

    Right now i have temporary solved the problem this way; http://imgur.com/a/IYMyi But that is not what i want because it is not easy to make the fullwidth submenu responsive. It wont stay blocked under the border.

    Is this a better explaination? Hope to hear from you

    November 29, 2016 at 2:54 pm #718245
    Andy

    Hi,

    use this code to achieve what you’re showing on your mockup:

    #menu-standaard {
margin-right: 177px !important;
margin-top: -108px !important;
}
.flex_column.av_three_fifth.no_margin.flex_column_div.av-zero-column-padding.avia-builder-el-10.el_after_av_two_fifth.el_before_av_submenu.avia-builder-el-last.bordermenu.column-top-margin {
margin-top: -67px !important;
}

    and adjust as needed.

    If you’re talking about some other issues here as well, then please provide some screenshots showing what you’re talking about.

    Best regards,
    Andy

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