Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 7, 2015 at 5:40 pm #376281
    aph80

    Hi,

    I changed my main navigation to be below the centered logo. Now there are too many borders that don´t look nice for my taste. How can I remove them? I only want borders between the menu links.

    I want it to look like this:

    Now it looks like this:

    Maybe I would also like to change the title bar in the way it is on the image.

    Cheers!

    January 7, 2015 at 11:57 pm #376547
    Elliott

    Hey aph80!

    Add this to your custom CSS.

    .menu > li:first-child a {
    border-left: 0 none !important;
}
#header_main_alternative { border: 0px !important; }
.menu > li:last-child a {
  border-right: 0 none !important;
}

    Best regards,
    Elliott

    January 8, 2015 at 11:26 am #376700
    aph80

    Thank you Elliott! This removed the borders on the left and right side. I also want the border on the top to disappear and the borders between the links to be shorter and not connect to the border below. The line with the title of the page that says “Eiweißpulver Test – der Supplement Guide” should be grey in #fcfcfc. Everything just like on the preview picture I posted. Since the preview picture of the header showed this style as an example I supposed there have to be theme options that make this possible but I couldn´t find them.

    January 8, 2015 at 5:01 pm #376865
    Yigit

    Hi!

    Can you post the link to your website please?

    Cheers!
    Yigit

    January 8, 2015 at 5:10 pm #376876
    aph80

    http://www.eiweisspulver-test.com/

    January 9, 2015 at 2:32 pm #377349
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-main-nav > li > a { border: none !important; }
#header_main_alternate { border-top-color: transparent!important; }
.av-main-nav > li > a > .avia-menu-text { border-left: 1px solid; padding-left: 18px; }
li#menu-item-1460 > a > .avia-menu-text { border: none; padding-left: 0; }

    Cheers!
    Yigit

    January 9, 2015 at 3:56 pm #377401
    aph80

    Thank you Yigit! This works. I see it is possible to change the padding on the left side. But is it also possible on the right side of each link? Now there is too much space between the link and the separator. And how? I tried it but it only added extra padding. And is there a way to change to background color of the “page title bar” which says “Eiweißpulver Test – der Supplement Guide” in h1?

    January 11, 2015 at 10:43 pm #378053
    aph80

    No idea how to do it?

    Just to clarify once again:

    – the separators between the links are now too wide apart from the links. On the left side of the link I can change it via “padding” but not on the right side

    – I would like the bar that displays the title of each page (on my homepage it is “Eiweißpulver Test – der Supplement Guide”) to be like the one in the example I provided earlier i.e. with grey background

    Thanks for your help!

    January 16, 2015 at 3:12 pm #380768
    Yigit

    Hey!

    Sorry for the late reply!
    Please add following code to Quick CSS as well

    .av-main-nav > li > a { padding: 0; }

    Regards,
    Yigit

    January 19, 2015 at 2:05 am #381553
    aph80

    Thank you. The navigation looks really good now. Any idea how to make the background of the title bar grey (see question above)?

    January 19, 2015 at 12:24 pm #381694
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .title_container {
background-color: #e2e2e2;
}

    Best regards,
    Yigit

    January 20, 2015 at 3:54 pm #382514
    aph80

    Alright, thank you very much!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Navigation Style’ is closed to new replies.