Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 27, 2015 at 5:06 am #403156
    erussell

    Hey Guys…

    Quick question. I need to add a section id to the full width google maps section. After some research I realized I could add a color section, assign and ID, then add the following quick css:

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

    This worked great, but all the padding in the sections below the map ended up doing the same thing so now all the content of the footer is flush against the edge of the browser window etc.

    Any ideas?

    February 27, 2015 at 9:49 pm #403673
    Elliott

    Hey erussell!

    Can you send us a link to your page so we can take a look? You can set your reply as private if you wish.

    Regards,
    Elliott

    March 3, 2015 at 5:44 pm #405269
    erussell

    http://eatpallet.com

    Also, as you will see, we’ve added a custom font. As you should be able to see the text does not scale the way I expected it to (i.e. text bleeds off page on tablet vertical) and rescales almost too much on smartphones (i.e. iPhone vertical). I know this is possible, just cannot remember where I can set these parameters in the code.

    Thanks guys! You support is always top notch.

    March 3, 2015 at 6:12 pm #405285
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
#wrap_all {
position: relative !important;
}}

    Issue will be fixed on upcoming update.

    Regards,
    Yigit

    March 3, 2015 at 6:29 pm #405308
    erussell

    Fantastic, I will get that added. With regards to the original navigation question…any suggestions on getting a section id assigned to the google map without affecting any of the sections below it?

    Thanks!

    March 3, 2015 at 9:57 pm #405436
    erussell

    So I added the code, and I’m seeing that it will wrap the text which it did before, but as you can see the letters are still getting cut off on portrait mode. We are actually hoping that the actual text will shrink to fill the width of the browser as I’ve seen it done with other responsive sites. Any suggestions on accomplishing that?

    March 5, 2015 at 5:12 pm #406516
    Elliott

    Hey!

    Your talking about the “Celebrate” text in the slider correct? Try adding this to your custom CSS.

    @media only screen and (min-width: 768px) and (max-width: 959px) {
.avia-caption-title { font-size: 100px !important; }
}}

    Cheers!
    Elliott

    March 6, 2015 at 4:24 pm #407061
    erussell

    Thanks guys…

    Unfortunately that does not seem to do anything. All I was hoping for is that the text could either shrink with the width or at least not scale down so small (almost unreadable on iPhone vertical).

    Also, my original inquiry was about adding a section id to a google map section. The details are in the original post. Let me know if you have any ideas on that as well. Thanks!

    March 7, 2015 at 1:32 pm #407463
    Ismael

    Hi!

    We updated the code above. Please try it now. The brackets’ position was incorrect.

    Cheers!
    Ismael

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