Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 12, 2017 at 1:42 am #887658
    vdarend

    Hi,

    Can you help me out with the following. I want to show the hamburger menu when the resolution is set on 1360 px.

    It for the following website: http://blueblox.bo-project.nl/

    Thnx in advance.

    Regards,

    Pim

    December 12, 2017 at 12:14 pm #887871
    Victoria

    Hey Pim,

    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: 1360px) {
  nav.main_menu {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special, #top #menu-item-search {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 12, 2017 at 12:39 pm #887886
    vdarend
    This reply has been marked as private.
    December 12, 2017 at 1:37 pm #887917
    vdarend
    This reply has been marked as private.
    December 13, 2017 at 5:28 am #888205
    Rikard

    Hi,

    Thanks for the feedback, I can’t access the Google Drive files though, could you set them to publicly accessible please? Also, I could find the word Voorbeelden in your menu?

    Best regards,
    Rikard

    December 13, 2017 at 10:20 am #888254
    vdarend
    This reply has been marked as private.
    December 14, 2017 at 6:18 am #888754
    Rikard

    Hi,

    Thanks for that. For the menu items not showing, please try replacing Victorias CSS with this instead:

    @media only screen and (max-width: 1360px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special, #top #menu-item-search {
    display: block;
  }
}

    Best regards,
    Rikard

    December 14, 2017 at 2:44 pm #888903
    vdarend

    Hi Rikard,

    It works. Thnx. And what about my other issue with the resolution?

    Looking out . for your response.

    Regards,

    Pim

    December 14, 2017 at 5:46 pm #888998
    Victoria

    Hi Pim,

    The thing is that color section goes full-width and pushes the sidebar below. You can add 1/1 element and have a background image is it, but not with parallax.

    Best regards,
    Victoria

    December 14, 2017 at 5:55 pm #889010
    vdarend

    Ok, what are my options for still use the blue bat with paralallax background and the content above with a sidebar that looks good on different resolutions.

    December 15, 2017 at 7:54 am #889211
    Rikard

    Hi,

    You could keep it, but you would have to “fake” the sidebar. You could for instance use a 1/4 or 1/5 layout to the right and then add widgets to that layout.

    Best regards,
    Rikard

    December 15, 2017 at 9:39 am #889235
    vdarend
    This reply has been marked as private.
    December 16, 2017 at 8:40 am #889485
    Rikard

    Hi,

    That is happening because you are applying a lot of padding to that element:

    padding: 60px 30px 30px 15%;

    Could you try to remove or adjust those values?

    Best regards,
    Rikard

    December 17, 2017 at 11:17 pm #889850
    vdarend

    When I do that. Like adjust it to

    60px 30px 30px 30 px it’s looks pretty bad: http://blueblox.bo-project.nl/toepassingen/

    December 18, 2017 at 5:54 am #889915
    Rikard

    Hi,

    Thanks for the feedback, I think it’s because you are using a Grid Row for your layout, could you try the regular 2/3 + 1/3 elements instead please?

    Best regards,
    Rikard

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