Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 4, 2019 at 7:59 am #1144904
    aussiedropbear

    HI,

    I was wondering if there are any admin panel controls to apply different colours, borders, state to the vertical menu?

    I have tried advanced styling but it doesn’t seem to take effect.

    Thanks
    John

    October 4, 2019 at 11:21 pm #1145169
    Jordan Shannon

    Hey John,

    This would need to be done via css.

    Best regards,
    Jordan Shannon

    October 5, 2019 at 12:47 am #1145184
    aussiedropbear

    Thanks Shannon,

    I understand this but is there any quick CSS already available to accomplish this?

    Cheers
    John

    October 5, 2019 at 1:17 pm #1145257
    Rikard

    Hi John,

    So the setting you have in the theme options are not applying? If so then please try to disable file compression under Enfold->Performance, and select to delete the old CSS and JS files as well on the same page. I see that you have a caching plugin active as well, that needs to be cleared and maybe deactivated as well.

    Best regards,
    Rikard

    October 6, 2019 at 11:55 am #1145435
    aussiedropbear

    Thanks Rikard,

    Tried your suggestion and also added a 1px border to be sure but still no colour change to the menu.

    Cheers
    John

    October 9, 2019 at 12:01 pm #1146485
    Ismael

    Hi,

    Thank you for the update.

    Are you trying to apply borders to the menu items? You can try this css code.

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
	background-color: #6786a1;
	color: #fff;
	border-color: red;
}

    You can also adjust the menu style in the Enfold > Advanced Styling panel.

    Best regards,
    Ismael

    October 10, 2019 at 8:48 am #1146779
    aussiedropbear

    Thanks Ismael,

    I have tried the css code and also the advanced styling, none of which seem to take effect?

    Cheers
    John

    October 11, 2019 at 7:45 am #1147046
    Ismael

    Hi,

    Thank you for the update.

    How would you like the vertical menu to look like? Please provide a mockup or a screenshot of the layout that you have in mind.

    We corrected the code in the Quick CSS field. The greater-than sign or symbol in the above css code had been converted to its entity name. Please copy the code directly from the forum to prevent the automatic conversion from happening.

    Best regards,
    Ismael

    October 13, 2019 at 1:45 am #1147475
    aussiedropbear

    Hi

    Thanks for the reply.

    That is great, How may I have the active state a different colour as it doesn’t seem to pick it up from the advanced styling?

    Also, in mobile view is it possible to have equal size of buttons?

    Cheers
    John

    October 14, 2019 at 2:24 am #1147653
    aussiedropbear

    Hi..

    I’ve figured out the active state. I don’t know why the advanced styling does not work on this menu – something to look at for future updates perhaps?

    /* Menu active state */
    #top #header #avia-menu li.current-menu-item > a > .avia-menu-text {
    background-color: #4e8bbc;
    color: #fff;
    border-color: red;
    }

    So my remaining question is; in mobile view is it possible to have equal size of buttons – and aligned?

    Cheers
    John

    October 15, 2019 at 9:15 am #1147999
    Ismael

    Hi,

    Thank you for the update.

    You can add this css code to set the minimum width of the menu items.

    @media only screen and (max-width: 767px) {
.html_av-overlay-full #top #av-burger-menu-ul .av-menu-button > a .avia-menu-text {
	width: 301px !important;
	display: inline-block;
}

.html_av-overlay-full #top #av-burger-menu-ul .av-menu-button:first-child > a .avia-menu-text {
	left: -10px;
	position: relative;
}
}

    Best regards,
    Ismael

    October 16, 2019 at 6:20 am #1148302
    aussiedropbear

    Hi Ismael

    Many thanks. that did the trick.

    Please close thread.

    Cheers
    John

    October 16, 2019 at 10:49 am #1148382
    Nikko

    Hi aussiedropbear,

    Glad that Ismael helped you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Vertical menu formatting’ is closed to new replies.