Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 16, 2020 at 5:53 pm #1260757
    Pujaz

    Hi there,

    I can’t help creating a compact main menu that doesn’t overlay on small screens.

    Please wacth screens for further details:

    https://drive.google.com/file/d/1qJ93YZCr4yw2X4ZWR2I3XVJ0yHmxjBbH/view?usp=sharing

    https://drive.google.com/file/d/17ac0pgNprQU7UC2CzrNwfXoDrWgKh12h/view?usp=sharing

    November 17, 2020 at 10:58 am #1260931
    Rikard

    Hey Pujaz,

    You have set your container element to be only 62% in the theme options, that is why the logo and menu are clashing. You need to increase that to a higher number if you want your current header layout, or switch to the mobile menu at an earlier point.

    Best regards,
    Rikard

    November 17, 2020 at 11:05 am #1260932
    Pujaz

    Hi Rikard,

    thanks for the reply. How can I switch to the mobile menu at an earlier point.?

    Thanks for your help!

    All the best,

    Givoanni

    November 17, 2020 at 11:31 am #1260940
    Pujaz
    This reply has been marked as private.
    November 18, 2020 at 7:03 am #1261213
    Rikard

    Hi,

    Thanks for the update. The site you are trying to copy is much wider than yours, so maybe you want to increase the container width in the theme options? If you want to control when the mobile menu becomes active then you can add this to Quick CSS:

    @media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Change the value 1024 to the pixel width when you want the mobile menu to become active.

    Best regards,
    Rikard

    November 18, 2020 at 10:25 am #1261224
    Pujaz

    Hi, thank you for the reply.

    I followed your suggestion but I had to change the value to 1920 to the pixel width when I want the mobile menu to become active.

    Otherwise the menues are crashing. I think it is a little excessive.

    Also, I tried to change the fullwidth to 100% or less but the my website looks much more wider than the one i want to copy.
    To my eye, 62% is perfect. Am I missing something?

    (Gosh, how I wish somebody suggest me a good resource to learn WP CSS)

    Thanks for your help,

    Giovanni

    November 19, 2020 at 6:03 am #1261455
    Rikard

    Hi Giovanni,

    The container width on the site you are trying to copy is 1100 pixels, maybe you could start off with changing the container width to that?

    If you want to learn CSS then please start off here: https://www.w3schools.com/css/default.asp

    Best regards,
    Rikard

    November 19, 2020 at 11:33 am #1261499
    Pujaz

    Great!

    Thank you very much.

    I think the tiket can be closed!

    All the best,

    Giovanni

    November 20, 2020 at 1:07 am #1261683
    Victoria

    Hi Giovanni,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Manu bar’ is closed to new replies.