Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 20, 2019 at 12:42 pm #1069426
    digitalalso

    Hello

    I have the theme set using right side header but the menu disappears upon scroll. I would like to make the header and menu’s stick so that they are always visible to the front end user.

    I would also like the socket to always be visible but transparent – please refer http://www.knightsbridgecircle.co.uk

    Can you please assist?

    Thank you.

    February 22, 2019 at 6:29 am #1070235
    Nikko

    Hey digitalalso,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    .html_header_sidebar #top #header {
    position: fixed;
}

#socket {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
}

    Best regards,
    Nikko

    February 22, 2019 at 4:06 pm #1070372
    dlikat

    solved!

    • This reply was modified 5 years, 10 months ago by dlikat.
    February 23, 2019 at 5:36 am #1070559
    Nikko

    Hi dlikat,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

    February 23, 2019 at 6:50 am #1070584
    digitalalso

    Thank you for your prompt reply guys! This works perfectly :-)

    February 23, 2019 at 6:52 am #1070586
    digitalalso

    Is it possible to make the content/sidebar ratio less than 80% / 20% – it would be good to reduce the size a little.

    February 26, 2019 at 7:39 am #1071658
    Ismael

    Hi,

    Thanks for the update.

    Yes, you can override that settings with css code. Try this:

    .container .av-content-small.units {
    width: 85%;
}

    If you would like to follow the golden ratio, best content to sidebar option is 73% | 27%.

    Best regards,
    Ismael

    February 26, 2019 at 7:46 am #1071659
    digitalalso

    Thank you!

    I’ve also just noticed that if the users screen is minimised it cuts off the sub menu. When scrolling it scrolls through the actual page and not the menus/header – is there a work around for this please?

    February 26, 2019 at 8:41 am #1071670
    Nikko

    Hi digitalalso,

    Can we request for a screenshot? I can’t seem to reproduce it on my end.

    Best regards,
    Nikko

    February 26, 2019 at 8:58 am #1071672
    digitalalso

    Sure thing. how can i share that with you?

    February 26, 2019 at 9:15 am #1071676
    Nikko

    Hi digitalalso,

    You can post it on https://imgur.com/ or any online image sharing sites like dropbox.
    Then post the link here, the link can also be posted in private content if you want to keep it private.

    Best regards,
    Nikko

    February 26, 2019 at 9:20 am #1071678
    digitalalso

    https://www.dropbox.com/s/buw6keyomgsiyd7/Sub%20Menu%20Cutting%20Off.docx?dl=0

    February 27, 2019 at 3:32 am #1072124
    Ismael

    Hi,

    Thank you for the screenshot.

    You can pull the sub menu container upwards so that the bottom part is still visible even when the browser is minified.

    .html_header_right .av-main-nav ul {
    margin-top: -100px;
}

    Best regards,
    Ismael

    February 27, 2019 at 9:32 am #1072216
    digitalalso

    thanks but that doesn’t put a failsafe fix on things if people have their screen minimised https://www.dropbox.com/s/8gae7vg94uylmih/Sub%20Menu%20Cutting%20Off%20After%20CSS.jpg?dl=0

    March 1, 2019 at 3:48 am #1072837
    Ismael

    Hi,

    You can dynamically adjust the position of the sub menu on browser resize but that will require modification that is beyond the scope of support. And I think users will be able to figure out maximizing the browser screen size when they need to access that sub menu.

    Best regards,
    Ismael

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