Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1108489

    Hello,

    There is a problem with the menu-sidebar/socket on the frontpage. If I open the site on a device with a smaller screen the socket gets stretched (see the screenshot I attached).
    I guess this this problem appears when the height of the menu-sidebar is bigger than the height of the color-section/screen.
    So my idea is to give the menu-sidebar a responsive size. Does that make sense and is this possible? Or do you have another suggestion/solution in mind?

    Thank you for the great theme and support,
    Niklas

    #1108541

    Hey Niklas,

    That is how it works by default, the socket will cover the “remaining” space so to say. How exactly do you want to change this?

    Best regards,
    Rikard

    #1108809

    Hello Rikard,

    is it possible to show the “Description”-label of the menu not below the “Navigation”-label but next to it on the right? Have a look at the attached screenshot.

    Best regards,
    Niklas

    #1108988

    Hi,

    I think that should be possible, please try this in Quick CSS:

    .av-main-nav > li > a .avia-menu-subtext, .av-main-nav > li > a .avia-menu-text {
        display: inline;
    }

    Best regards,
    Rikard

    #1109433

    That works wonderful so far.
    Now, is it possible to increase the space between the “Description”-label and the “Navigation”-label? I’ve added a screenshot.

    Thank you,
    Niklas

    #1109649

    Hi Niklas,

    Thanks for the screenshot. Please try this CSS as well:

    .av-main-nav > li > a .avia-menu-subtext {
      padding-right:5px;
    }

    Best regards,
    Rikard

    #1109805

    Hi Rikard,

    unfortunately that didn’t do the trick. I’ve cleared the cache, added an “!important”, but both didn’t help.
    Do you have another suggestion?

    Thank you,
    Niklas

    #1110042

    Hi Niklas,

    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

    
    .html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext {
      padding-left: 5px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1110062

    Hello Victoria,

    wow, truely wonderful! Thank you! You all are the best!

    Best regards,
    Niklas

    #1110104

    Hi Niklas,

    Glad we could help :)

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

    #1110105

    Hi Niklas,

    Glad we could help :)

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

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