Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 23, 2015 at 3:46 pm #507913
    quiversolutions

    Hi, I created a 1 page site for our Prison Ministry off the coming soon page. Mt some of the elements are not responsive when in portrait on mobile phones. How can I fix this?

    prisonministry.crossroadsvalley.org

    -Dave

    September 23, 2015 at 4:06 pm #507938
    Elliott

    Hi Dave!

    It looks like because you have the font size very large and the text for the link does not have any spaces in it so the browser does not know where to break it.

    Add this to a codeblock element in the page.

    <style type = "text/css">
.avia_textblock a {
    font-size: 16px !important;
}
</style>

    Cheers!
    Elliott

    September 23, 2015 at 4:37 pm #507971
    quiversolutions

    Thanks Elliott,

    Any particular place I should add it? I put it at the top of page but it shows up on the web page.

    September 24, 2015 at 7:03 am #508179
    Ismael

    Hi!

    You enclosed all text in h3 tags. Try this:

    <style>
.avia_textblock h3 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 8px;
}
</style>

    Again, add the code in a code block. Or in the Enfold > General Styling > Quick CSS field.

    Cheers!
    Ismael

    September 27, 2015 at 4:43 am #509641
    quiversolutions

    Sorry Guys,

    This still is not working. I put the code in the quick css field and creating a code block and nothing changes. Where exactly would the code block go on the page?

    Also, why wouldn’t the responsive work on the theme? Did I do something incorrect?

    -Dave

    September 28, 2015 at 6:01 am #509803
    Rikard

    Hi,

    It looks responsive on my end, I’m guessing you managed to get it fixed? If not then please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    September 28, 2015 at 7:14 pm #510368
    quiversolutions

    Hi,

    The site is still not working properly. It is mainly on iPhone 5 and small screens in portrait, the background image, logo, and text do not fit on the screen. Creds below.

    Thanks for the help,
    Dave.

    September 29, 2015 at 6:11 pm #510904
    Andy

    Hi!

    you are using quite an old version of the theme. Please upgrade to Enfold v3.3.2. at first.

    Regards,
    Andy

    October 1, 2015 at 4:43 pm #512262
    quiversolutions

    Update complete. But, still having the same issue.

    Dave

    October 2, 2015 at 9:05 pm #513033
    Andy

    Hey!

    use this code for you logo on mobile portrait mode:

    @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.avia-image-container.av-styling-.avia-builder-el-3.avia-builder-el-no-sibling.avia-align-center {
width: 200px;
}}

    To control you background image size use this code:

    @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
div#av_section_1 {
background-size: 100% 93% !important;
background-position: 0px 46px !important;
}}

    and adjust as needed.

    For your text use something like this: 

    @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.flex_column.av_one_half.flex_column_div.avia-builder-el-6.el_after_av_one_fourth.el_before_av_one_fourth.column-top-margin {
left: 50px;
width: 300px !important;
}}

    and adjust as needed.

    Cheers!
    Andy

    October 2, 2015 at 9:11 pm #513035
    quiversolutions

    Andy,

    Where exactly do I enter the code into?

    October 2, 2015 at 9:14 pm #513036
    Andy

    Hey!

    put it into Quick CSS field, which you find in Enfold->General Styling->Quick CSS

    Best regards,
    Andy

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