Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 3, 2016 at 2:43 pm #626483
    elenapoliti

    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 !

    May 4, 2016 at 7:22 am #626937
    Rikard

    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

    May 4, 2016 at 9:00 am #626983
    elenapoliti

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

    Mansué e dintorni

    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

    May 6, 2016 at 9:42 am #628183
    elenapoliti

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

    Thank you very much

    Elena

    May 7, 2016 at 3:29 am #628519
    Ismael

    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

    May 10, 2016 at 10:01 am #629773
    elenapoliti

    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

    May 10, 2016 at 11:09 am #629799
    elenapoliti

    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

    May 11, 2016 at 6:31 am #630433
    Rikard

    Hi,

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

    Regards,
    Rikard

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