Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #626483

    Hi, I would like to add the latest portfolio widget to my page, but I need it as an horizontal list instead of the standard vertical list as it appears now.

    I have tried to change CSS on my child theme, but it doesn’t work.

    I have given a custom class to the widget in order to have the possibility of keeping the standard layout in other pages.

    [av_sidebar widget_area='galleria' custom_class='va-portfolio-categories']

    Could you please help me?
    Thanks !

    #626937

    Hey Elena,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #626983

    Hi Rikard, thank for your reply. Here’s an example

    I’d like to have the widget “porva” list horizontally displayed and centered ( I have to take the date off, but I found an old post about how to do it!)

    Cheers

    #628183

    Hi Rikard have you had the chance to give a look to my link? Do you have any suggestion?

    Thank you very much

    Elena

    #628519

    Hi,

    Sorry for the delay. I checked the page but I don’t see any widget or widget areas there. Did you remove it? Please create a test page so that we can inspect the layout.

    Try to use this:

    #top .va-portfolio-categories .news-wrap li {
        float: left;
        clear: none;
    }

    Best regards,
    Ismael

    #629773

    Hi Ismael, excuse my delay. You don’t find it because at the end I solved the problem by using a full-width submenu avia element that worked perfectly. I have an issue anyway concerning the full-width submenu aspect when it is in responsive mode. If I have many voices in the menu, in responsive mode it appears vertically, but I cannot scroll down all the voices. Is there a way to make it scrollable?

    Thanks a lot

    Elena

    #629799

    Ok, I found the solution. In order to scroll down the various element of the full-width submenu in a responsive mode I added this CSS
    @media only screen and (max-width: 767px) {
    .responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu {
    display: block;
    position:relative;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    }
    }

    In this way you can se part of the submenu and still part of the page beneath it. Then I worked a little bit on the color change of the text when on hover and it works finely.

    Maybe this could be helpful for others! You can check the topic as closed
    Thanks

    #630433

    Hi,

    Great, glad you found a solution and thanks for sharing, much appreciated :-)

    Regards,
    Rikard

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