Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1260757

    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

    #1260931

    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

    #1260932

    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

    #1260940
    This reply has been marked as private.
    #1261213

    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

    #1261224

    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

    #1261455

    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

    #1261499

    Great!

    Thank you very much.

    I think the tiket can be closed!

    All the best,

    Giovanni

    #1261683

    Hi Giovanni,

    Great :)

    We are closing the thread.

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

    Best regards,
    Victoria

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