Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 16, 2017 at 3:43 pm #794030
    profumopuntoit

    Hello,
    thanks to your support in this ticket https://kriesi.at/support/topic/div-title-height-and-colour/

    we have extended the header to full width with

    #header .container {
    max-width:100% !important;
    padding:0 !important;
    }

    but I would like to keep the mega menu to his normal size. How to do that?

    Thank you Mauro

    May 16, 2017 at 4:26 pm #794068
    Victoria

    Hey profumopuntoit,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    May 16, 2017 at 4:31 pm #794076
    profumopuntoit

    Here it is
    https://goo.gl/UqPO3O
    Thank you

    May 16, 2017 at 8:13 pm #794399
    Andy

    Hi,

    you can make your mega menu smaller using this code inside Quick CSS field:

    .avia_mega_div {
width: 795% !important;
right: -113px !important;
}

    Adjust as needed.

    Best regards,
    Andy

    May 17, 2017 at 12:04 pm #794805
    profumopuntoit

    Hello,
    I made several test with different width and right values but like this it is depending from browser window width
    My monitor is 1600px wide, I can adjust it to look correctly on it, but if I shrink the browser window it will not look centered.
    There is a way to center it left and right?
    Thank you
    Mauro

    May 19, 2017 at 7:06 am #796369
    Ismael

    Hi,

    Please use css media queries to adjust the width or position on different screen sizes. Example:

    @media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .avia_mega_div {
     right: -200px !important;
   }
}

    // https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Ismael

    May 19, 2017 at 4:57 pm #796669
    profumopuntoit

    Sorry maybe I haven’t expressed myself clearly
    I would like that menu remain centered with same left and right margin
    Our megamenu is not looking centered within the same max-width
    Like this can be centered for a specific pixel width only
    Please watch this two video to see what I mean
    Our site: https://www.screencast.com/t/5uGrlNbI6a
    Yor demo: https://www.screencast.com/t/6EqzrmJpRN

    Thank you
    Mauro

    May 22, 2017 at 4:03 am #797353
    Ismael

    Hi,

    I’m not sure why but I can’t play the video. Please provide a screenshot.

    I would like that menu remain centered with same left and right margin

    Did you try the css code above? It will adjust the position of the mega menu on certain screen size. 

    @media only screen and (min-width: 1024px) {
  /* Add your Mobile Styles here */
  .avia_mega_div {
     right: -200px !important;
     width: 100% !important;
   }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.