Two small issues

  • Resolved capetonian

    (@capetonian)


    2 years, 6 months ago

    Firstly, what a super theme!!

    However, I am stuck with two small issues, I have looked at the page source and the css but no matter what I try I am unable to find a solution.

    I would like to move the menu bar to below my image, now it covers a good section of the image which, I find, has a negative impact on the image and the image size. If it is not possible to move it down then I would like to adjust the opacity of the black bar. I did try playing with the opacity but the bar just turned different shades without actually becoming opaque

    The second issue, which is related, is that I would like to halve the height of the menu bar as I find it too big at the moment.

    If anyone could give me any tips, I’d really appreciate it.
    thanks in advance for your time.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @capetonian,

    The menu bar doesn’t actually cover the header image – it’s just displayed directly beneath it. If you want to change the height of the header image, you can do so by adding custom CSS.

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    .header { padding: 200px 0; }

    You can reduce the height of the menu bar with the following:

    .blog-menu a { padding: 17px 20px; }

    — Anders

    • This reply was modified 2 years, 6 months ago by Anders Norén.
    Thread Starter capetonian

    (@capetonian)

    Awesome, thank you so much for this! I was convinced that the menu bar was actually on top of the image. I am really satisfied with the look now ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Two small issues’ is closed to new replies.