Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 26, 2013 at 3:43 pm #193459
    elcetera

    I have some headers which have some sub headers. When i place my mouse on the headers, the sub headers scroll down on one single line, forming a horizontal line that needs a lot of space. I would them them to scroll down vertically, each one below the others, instead of horizontally.

    Also, the sub headers use quite more space than i desired. They are small words, but they are displayed as the word on the left, and quite a large blank space on the right before the next sub header. Let’s say that i want the width of the box that enclose them to be smaller. Also i would like to change the size of them.

    This is the webpage http://erasmus-intership.eu/?page_id=24
    Thanks for your support

    [Edited: I found how to make them scroll down, now i just need to reduce the size of the boxes]

    • This topic was modified 10 years, 11 months ago by elcetera.
    November 27, 2013 at 9:50 pm #194083
    Yigit

    Hi elcetera!

    You are choosing to display menu as mega menu. You can apply such structure to your menu items to display all as regular sub menu items http://i.imgur.com/bPEan5Z.jpg
    or you can add following code to Quick CSS in Enfold theme options under Styling tab 

    #top #header .avia_mega_div > .sub-menu {
padding: 5px 15px 15px;
}

    These are default values, you can adjust it to decrease the width of mega menu sub menu items

    Best regards,
    Yigit

    November 28, 2013 at 8:13 pm #194477
    elcetera

    Thank you so much, it worked perfectly!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Submenus scrolling down instead of be displayed horizontally’ is closed to new replies.