Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 22, 2017 at 11:23 pm #855632
    ScottYetter

    Hi, I am using the Enfold theme with the Flat Business Demo. I would like to move the secondary navigation further down the page so it lines up with the top of the logo. Also I would like to remove the horizontal line at the bottom of the secondary nav section. Please see the attached image.

    bert header 6

    Thanks!

    September 24, 2017 at 6:31 am #855950
    Rikard

    Hey ScottYetter,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_meta {
    position: absolute;
    right: 0;
    border-bottom: 0;
    padding-top: 30px;
}

    Best regards,
    Rikard

    September 25, 2017 at 6:37 am #856335
    ScottYetter

    Hi Rikard, Thanks, that mostly worked. As you will see in the attached image, part of the line is still there, any thoughts?

    I also noticed that this has made changed the view in mobile. Now in mobile the logo is cut off. Can we move the Secondary nav to the top (above the logo) in mobile view only?

    Please see the 2 attached images:
    bert header 8

    header 9

    Thank you!

    September 25, 2017 at 5:23 pm #856605
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
#header_meta {
    width: 100%;
    padding-top: 0;
}
#header_main {
    padding-top: 31px;
}
}

    Best regards,
    Yigit

    September 25, 2017 at 5:38 pm #856617
    ScottYetter

    That looks perfect in mobile view, thanks. I am still seeing the horizontal line under the secondary menu in desktop view. Please see the attached screenshot. To be clear, I would like to remove the line in both the desktop view and the mobile view. Is there a way to do this?

    Bert header 11

    Thanks!

    • This reply was modified 7 years, 2 months ago by ScottYetter.
    September 25, 2017 at 5:46 pm #856628
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #top .av_header_transparency #header_meta {
    border: none;
}

    Regards,
    Yigit

    September 25, 2017 at 7:24 pm #856674
    ScottYetter

    Perfect, thank you!

    September 25, 2017 at 7:44 pm #856681
    Yigit

    Hi,

    Glad we could help! Let us know if you have any other questions or issues! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Secondary navigation styling’ is closed to new replies.