Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 25, 2014 at 6:48 pm #325167
    brighttribe

    Hello,

    I’m using the MapifyPro plugin, and I want it to stretch 100% width of the screen. Here’s the page:

    http://www.gatorgypsum.com/yards/

    Is there a way to have a 100% element and drop in the shortcode to make the map stretch?

    Thank you!

    September 25, 2014 at 6:50 pm #325168
    Yigit

    Hey Brian!

    Please add Color Section element to your page with a unique ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and then add Code Block element inside it. You can place your shortcode inside Code Block element. And then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-custom-id .container { width: 100%; }

    Cheers!
    Yigit

    September 25, 2014 at 7:00 pm #325174
    brighttribe

    Hi Yigit,

    Ok, I tried that, but it’s not rendering the shortcode.

    http://www.gatorgypsum.com/yards/

    Thoughts?

    September 25, 2014 at 7:03 pm #325176
    Yigit

    Hi!

    Please flush browser cache and refresh your page a few times. It works fine on my end – http://i.imgur.com/ScKNiXF.png

    Cheers!
    Yigit

    September 25, 2014 at 7:10 pm #325183
    brighttribe

    Hmmm…I’ve tried it on 2 different computers (PC & Mac) in Firefox, Chrome and Safari and it won’t render. Can you please check it again?

    September 25, 2014 at 7:14 pm #325188
    brighttribe

    Hey, I got it! I would only render when I used a Text element instead of a Code. I tried it earlier, so you must have grabbed a screenshot in the second that I had it as that. ;) Thanks!

    September 25, 2014 at 7:15 pm #325189
    Yigit

    Hey!

    Please see screenshots from Firefox and Safari here – http://imgur.com/a/M1eNM
    My first screenshot was from Chrome
    Glad you figured it out! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

    • This reply was modified 10 years, 1 month ago by Yigit.
    December 17, 2014 at 10:49 am #369381
    mike.rav

    hello

    i am facing the same problem, but it seems to not work

    I added a color section, entered the ID “mapify” for it, and then added a text block or code block with the mapify code. and the below CSS.

    #mapify .container {
width: 100%;
}

    It doesnt stretch 100% though.

    December 17, 2014 at 5:55 pm #369603
    Yigit

    Hey!

    Please try following code instead

    #mapify .container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}

    If that too does not work, please post the link to your website

    Best regards,
    Yigit

    December 18, 2014 at 8:34 am #369871
    mike.rav

    excellent thank you so much.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Make Mapify element full width’ is closed to new replies.