Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • January 14, 2020 at 11:17 am #1173220
    breezemedia

    I am using a left sidebar, like your demo version “consulting”

    My options are “Logo and Main Menu” placed in a sidebar,
    Below Logo > Menu there is the Social-Icons and a possibility for a widget-area.

    Is it possible, and how, to reorder those elements like:
    1. Logo
    2. Widget-Area (basically i want to display a Telephone-Number below the Logo, but the Header-Options where i can do this usually is not available
    3. Social-Icons
    4. Menu

    January 14, 2020 at 6:58 pm #1173570
    Victoria

    Hey breezemedia,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    January 14, 2020 at 7:33 pm #1173595
    breezemedia

    sure …

    January 14, 2020 at 10:08 pm #1173677
    Victoria

    Hi breezemedia,

    Best regards,
    Victoria

    January 14, 2020 at 11:06 pm #1173717
    breezemedia

    hi Victoria,

    January 16, 2020 at 7:53 pm #1175167
    breezemedia

    hi, did it work?
    Can you give me a hint, how to move the social-icons and widget below the logo?

    January 17, 2020 at 11:15 am #1175310
    Nikko

    Hi breezemedia,

    Try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    #header_main .inner-container {
    display: flex;
    flex-direction: column;
}

#header_main .inner-container .logo {
    order: 0;
}

#header_main .inner-container .main_menu {
    order: 2;
    border-top: 1px solid #e1e1e1;
}

#header_main .inner-container .avia-custom-sidebar-widget-area {
    order: 1;
    display: flex;
    flex-direction: column;
}

#header_main .inner-container .avia-custom-sidebar-widget-area .av-sidebar-social-container {
    order: 1;
}

#header_main .inner-container .avia-custom-sidebar-widget-area #text-5 {
    order: 0;
}

    Best regards,
    Nikko

    January 17, 2020 at 2:20 pm #1175435
    breezemedia

    AMAZING … worked perfect!
    Thank you!

    January 17, 2020 at 8:40 pm #1175632
    Victoria

    Hi breezemedia,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 14, 2020 at 6:13 pm #1184590
    ricoliest

    Hello,

    this is also for me a good solution and helped.

    Is there a way to get the widget right from logo, when the site is displayed on smartphones.
    At the moment it is always getting lost on mobile devices.

    Regards
    Ricardo

    February 15, 2020 at 7:12 pm #1184789
    Victoria

    Hi Ricardo,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
        display: block;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 17, 2020 at 4:29 pm #1185272
    ricoliest

    Hi Victoria,
    thanks for your answer.

    The Result is not what I wanted. I want the Number and Emailadress right of the Logo on mobile devices. At the moment Number and Emailadress are under the Logo on mobile devices. Please have look on the new domain.

    Is something different possible?

    Regards
    Ricardo

    February 17, 2020 at 7:35 pm #1185381
    Victoria

    Hi Ricardo,

    That info is hidden because on the 480px screens there is no space between the logo and the burger, there is no way to fit them there, unfortunately.

    Best regards,
    Victoria

    February 19, 2020 at 3:24 pm #1186080
    ricoliest

    Hi Victoria,

    that is very sad.

    But thanks for your answer.

    Regards
    Ricardo

    February 20, 2020 at 8:51 am #1186252
    Nikko

    Hi Ricardo,

    Can you try adding this CSS code in Quick CSS, hope it helps a bit:

    @media only screen and (max-width:479px) {
  .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
    position: absolute;
    left: 32%;
    width: 60%;
  }

  .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget {
    padding: 0;
  }

  .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget .textwidget {
    padding-top: 14px;
  }

  .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .av_font_icon, 
  .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area p {
    line-height: 32px;
    height: 32px;
  }

  .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area p {
    text-align: left;
    font-size: 13px;
  }
}

    Best regards,
    Nikko

    February 20, 2020 at 8:35 pm #1186531
    ricoliest

    Hi Nikko,
    thank you for your answer.
    But with your version of code I can’t see the number and emailadress at all.
    The Problem with the code of Viktoria is, that burger menu has now a padding down and top, which I can’t remove. Can you help me in this case?

    Thank You,
    Ricardo

    February 22, 2020 at 7:23 am #1186912
    Nikko

    Hi ricoliest,

    Victoria’s code only shows the widget area that’s why it looks like there’s an extra padding.
    If you add the code I gave on top of Victoria’s code you should see the number and email address.
    If there’s an issue you find with it, please provide us with a screenshot.

    Best regards,
    Nikko

    February 27, 2020 at 7:27 pm #1188578
    ricoliest

    Hi Nikko,
    thank you!
    Your answer fixed my main-issue.

    The padding top on the burger menu is still to much, when the menu is unfolded. Do you got any Idea to reduce the padding top?

    But for now: Thanks for your code!

    Best regards,
    Ricardo

    February 28, 2020 at 5:57 am #1188723
    Nikko

    Hi ricoliest,

    We’re glad that we could help :)
    Can you try adding this CSS code as well:

    #top #av-burger-menu-ul {
    padding-top: 0 !important;
}

    Best regards,
    Nikko

    February 28, 2020 at 6:11 am #1188727
    ricoliest

    Thank You!
    Works perfekt.

    Best regards,
    Ricardo

    February 28, 2020 at 6:12 am #1188733
    Nikko

    Hi Ricardo,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Enfold Consulting – Arrange the Menu-Sidebar’ is closed to new replies.