Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 24, 2017 at 11:22 pm #737987
    dmhcomp

    I’ve been playing with adding a third menu and was able to have one placed but when trying to style it, that doesn’t work.

    Is there an easy method of adding another menu to the Enfold Theme? Also when modifying the Font-Size for the .logo area it is making the secondary menu font size larger as well. I’m not very familiar in CSS. 

    .logo img { display: none !important;}
.logo a:hover, a:visited, a:link { text-decoration: none; font-size: 24px; }
    January 25, 2017 at 8:23 am #738182
    Rikard

    Hey dmhcomp,

    I’m not sure I understand exactly what you are looking to change/alter, could you post a screenshot highlighting them please?

    Best regards,
    Rikard

    January 25, 2017 at 4:07 pm #738428
    dmhcomp

    Rikard,

    Sure, in the image i’ve added on the private content, Highlighted in green I would like to put a third navigation menu that is role restricted. I have a plugin called Nav Menu Roles that allows me to show items based on roles and logged in. I would like to place an additional navigation menu in the green area.

    Highlighted in Red is the secondary menu available with the theme, I believe it is called the Social menu. I did not wish to change the size of that font but when i changed the size of the Font in the logo area it also increased the font size of text in the Social menu, and when i was trying to manually add a third menu it was also controlling the font size of that based on the CSS i posted in my original post.

    January 30, 2017 at 12:47 pm #740156
    Nikko

    Hi,

    To create a tertiary menu you would need to do the following things:

    1. Use a child theme. Check here: http://kriesi.at/documentation/enfold/using-a-child-theme/
    2. Copy Enfold theme’s header.php and paste in the child theme
    3. Register the Menu in your child theme’s functions.php, check here for more details: https://codex.wordpress.org/Navigation_Menus
    4. Display the menu in the theme, refer to https://codex.wordpress.org/Navigation_Menus

    Just place the code the display the menu below this line of code in header.php:

    <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>

    Hope this helps :)

    Best regards,
    Nikko

    January 30, 2017 at 6:08 pm #740328
    dmhcomp

    Nikko,

    Thank you for the information.

    I’m still having an issue where when themeing the Logo Text via quick CSS is modifying the secondary menu’s font size and it appears to be alter all link font sizes in main content of pages.

    I’m using this Quick CSS to style the alink in the logo area.

    .logo img { display: none !important;}
.logo a:hover, a:visited, a:link { text-decoration: none; font-size: 24px; }
    • This reply was modified 7 years, 9 months ago by dmhcomp.
    January 31, 2017 at 11:11 pm #740914
    Nikko

    Hi,

    I think this part of the code should be changed:
    .logo a:hover, a:visited, a:link { text-decoration: none; font-size: 24px; }
    to
    .logo a { text-decoration: none; font-size: 24px; }
    the old css code would resize links that aren’t in the logo.

    Best regards,
    Nikko

    January 31, 2017 at 11:21 pm #740920
    dmhcomp

    Nikko,

    I managed to get it by changing the old to this

    .logo.bg-logo a { text-decoration: none; font-size: 24px; }

    Thank you.

    February 1, 2017 at 12:06 am #740932
    Nikko

    Hi,

    Glad that you managed to fix it. You’re doing great with css :)

    Cheers!
    Nikko

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