![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
May 16, 2017 at 3:43 pm #794030
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 #794068Hey profumopuntoit,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaMay 16, 2017 at 4:31 pm #794076Here it is
https://goo.gl/UqPO3O
Thank youMay 16, 2017 at 8:13 pm #794399Hi,
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,
AndyMay 17, 2017 at 12:04 pm #794805Hello,
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
MauroMay 19, 2017 at 7:06 am #796369Hi,
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,
IsmaelMay 19, 2017 at 4:57 pm #796669Sorry 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/6EqzrmJpRNThank you
MauroMay 22, 2017 at 4:03 am #797353Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.