Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2015 at 10:42 pm #505982
    mdekievit

    Hi Kriesi,

    I’m using Enfold for a client with a mega menu.
    I have a boxed layout with a 1200px width (responsive). Problem is that the submenu is 1100px max wide. I would like it to be exactly as wide as the border of the boxed width.

    How can I get the submenu 1200px wide and still be responsive?

    Kind regards,
    Matthijs

    September 21, 2015 at 7:24 am #506232
    Rikard

    Hey mdekievit,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #header .twelve.units {
    width: 1200px !important;
    right: -308px !important;
}

    Regards,
    Rikard

    September 21, 2015 at 2:09 pm #506417
    mdekievit

    Hi Rikard,

    Thanks for your response!
    It fixes the width alright but not responsive :-(.
    Do you have any other idea?

    Regards,
    Matthijs

    September 21, 2015 at 2:11 pm #506419
    Yigit

    Hi!

    You can change the code to following one

    @media only screen and (min-width: 1200px) {
#header .twelve.units {
    width: 1200px !important;
    right: -308px !important;
}}

    Best regards,
    Yigit

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