Viewing 30 posts - 1 through 30 (of 40 total)
1 2
  • Author
    Posts
  • September 28, 2020 at 10:50 am #1248955
    Sachs

    Hi Support
    My client is using a MAC (browser Chrome) and apparently she isn’t able to see the whole length of the drop down menu bar.
    She is reporting that the last navigation entry in drop down menu isn’t viewable.

    How can this be fixed? Is this a setting element or change to the CSS-script?
    If we need to make changes to the CSS-script, could I please ask you to provide me with the CSS-script?

    Thank you in advance
    &
    Best regards
    Lene Sachs

    September 28, 2020 at 3:38 pm #1249021
    Victoria

    Hey Lene,

    Best regards,
    Victoria

    September 29, 2020 at 1:14 pm #1249372
    Sachs
    This reply has been marked as private.
    September 30, 2020 at 2:52 pm #1249664
    Victoria

    Hi Lene,

    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

    
#top .av-main-nav ul a {
    padding: 1px 15px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 30, 2020 at 5:28 pm #1249717
    Sachs
    This reply has been marked as private.
    October 4, 2020 at 5:40 pm #1250428
    Victoria

    Hi Lene,

    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

    
#top #header .av-main-nav li:hover > a .avia-menu-text {
  color: #efebe8;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 5, 2020 at 11:30 am #1250561
    Sachs
    This reply has been marked as private.
    October 11, 2020 at 1:55 am #1251960
    Mike

    Hi,
    Sorry for the late reply and thanks for the login, I didn’t see Victoria’s css for your hover effect in the Quick CSS so I added it and it seems to work correctly, please clear your browser cache and check that this is the effect you wish for.
    2020-10-10_194505.jpg

    Best regards,
    Mike

    October 12, 2020 at 11:22 am #1252235
    Sachs
    This reply has been marked as private.
    October 12, 2020 at 1:16 pm #1252262
    Mike

    Hi,
    Thank you, I adjusted, please clear your browser cache and check.

    Best regards,
    Mike

    October 12, 2020 at 8:08 pm #1252332
    Sachs
    This reply has been marked as private.
    October 13, 2020 at 10:44 am #1252508
    Sachs
    This reply has been marked as private.
    October 14, 2020 at 12:12 pm #1252748
    Mike

    Hi,
    Sorry, did you find that the highlighting is working correctly now?
    The other css is in place and looks like it is working, please see the screenshot in the Private Content area.

    Best regards,
    Mike

    October 15, 2020 at 10:18 am #1252968
    Sachs
    This reply has been marked as private.
    October 16, 2020 at 12:39 pm #1253243
    Mike

    Hi,
    Sorry, I look a look and cleared my browser cache, but the header and menu look the same to me, please see the screenshot in Private Content area.

    Best regards,
    Mike

    October 16, 2020 at 1:30 pm #1253247
    Sachs
    This reply has been marked as private.
    October 18, 2020 at 7:53 pm #1253696
    Mike

    Hi,
    I removed some css expecting some changes, but it seems that you have some server cache, so I will check back later to see if it has cleared.
    If you can disable any server cache, that would be nice.

    Best regards,
    Mike

    October 19, 2020 at 11:11 am #1253890
    Sachs
    This reply has been marked as private.
    October 19, 2020 at 11:43 am #1253907
    Sachs
    This reply has been marked as private.
    October 19, 2020 at 2:13 pm #1253967
    Mike

    Hi,
    Thank you for clearing the cache, I have been re-adding the css back to the site a little at a time to try to isolate the issues, most of the css is back now but I do have more to add once I work it out.

    Best regards,
    Mike

    October 19, 2020 at 2:59 pm #1253982
    Sachs
    This reply has been marked as private.
    October 21, 2020 at 11:09 am #1254608
    Sachs
    This reply has been marked as private.
    October 21, 2020 at 2:42 pm #1254667
    Mike

    Hi,
    Thanks, I believe we are almost there, checking the “behandlinger” page I believe the content width is now correct along with the header, but we have circled back to the issue where the menu background is not stretched full width, but the css that was stretching the menu background is also changing the header layout width.
    Anyways, I believe we can sort this out, but we may need to go at it a little different, I will continue.

    Best regards,
    Mike

    October 21, 2020 at 5:14 pm #1254711
    Sachs
    This reply has been marked as private.
    October 23, 2020 at 9:59 am #1255200
    Sachs
    This reply has been marked as private.
    October 23, 2020 at 1:37 pm #1255241
    Mike

    Hi,
    I believe the desktop version is sorted out now, please check. For the mobile version I added some css to hide the widgets, but did you want the header to be sticky on mobile and the burger menu to be centered?

    Best regards,
    Mike

    October 23, 2020 at 1:56 pm #1255245
    Guenni007

    i do have this drop-down menu not inside the viewport often on mega-menus.
    i just gave them a max-height value that is in relation to the viewport height so that if the screen-height is less than the drop-downlist height the content is scrollable:

    #top #header .avia_mega_div {
    max-height: calc(100vh - 20px);
    overflow: auto !important;
}

    there must be a similar solution for normal drop-down menu.

    #top #header .avia_mega_div,
#avia-menu li > ul.sub-menu  {
    max-height: calc(100vh - 20px);
    overflow: auto !important;
}
    October 23, 2020 at 2:27 pm #1255256
    Sachs
    This reply has been marked as private.
    October 24, 2020 at 2:35 pm #1255418
    Mike

    Hi,
    I adjusted the desktop version per the screenshot, please check.

    Best regards,
    Mike

    October 25, 2020 at 11:33 am #1255476
    Sachs
    This reply has been marked as private.
  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 40 total)
1 2
  • The topic ‘Main menu's drop down menu’ is closed to new replies.