Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 11, 2014 at 12:27 am #317038
    koala

    Enfold Menu does not look like the theme settings.

    How do I remove the border lines around, but leave a | (pipe so it looks like this:

    home | about | page | another page

    See images.
    https://dl.dropboxusercontent.com/u/52916400/enfold/enfold%20menu%20settings.png
    https://dl.dropboxusercontent.com/u/52916400/enfold/menu%20lines.png

    September 11, 2014 at 3:31 pm #317439
    Yigit

    Hey saki!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav > li > a {
border: none!important; }
.av-main-nav > li > a > .avia-menu-text {
border-right: 1px solid #e2e2e2;
padding-right: 13px; }
.av-main-nav > li:last-child > a > .avia-menu-text {
border: none!important; }

    Regards,
    Yigit

    September 14, 2014 at 5:11 am #318753
    koala
    This reply has been marked as private.
    September 14, 2014 at 6:13 am #318779
    Josue

    Hi!

    Try adding this too:

    .avia-menu-fx {
    width: 80%;
}

    Adjust as needed.

    Best regards,
    Josue

    September 18, 2014 at 3:28 am #320835
    koala

    That changes the size, but it’s not centered underneath.

    September 18, 2014 at 3:50 am #320843
    Josue

    Hey!

    Try using this code instead (replace all):

    
.av-main-nav > li > a {
border: none!important; }

.av-main-nav > li > a > .avia-menu-text{
  position: relative;
}
.av-main-nav > li > a > .avia-menu-text:after {
  content: "";
  position: absolute;
  right: -13px;
  border-right: 1px solid #e2e2e2;
  height: 100%;
  top: 0px;
}

.av-main-nav > li:last-child > a > .avia-menu-text {
border: none!important; }

    Best regards,
    Josue

    September 18, 2014 at 4:11 am #320844
    koala

    That seems to work great!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Enfold Menu does not look like the theme settings.’ is closed to new replies.