Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 28, 2015 at 10:37 pm #387433
    tmkhc

    Hello,

    I’ve been encountering with a couple of issues with responsive features of the theme, and was wondering if you could help me out.

    1. Full-width button not showing full-width
    2. Grid Row sections on mobile not extending to full-width, including the footer
    (Strangely, the second issue sometimes solves itself, but mostly not working)

    I’ve tried with all plugins deactivated, but there was no difference.
    I’ve also checked all the settings are correct on grid rows.
    I haven’t customised the child theme, so don’t think I coded wrongly.

    I would really appreciate it if you could show how I could resolve these issues.

    Thank you in advance.

    Tom

    January 29, 2015 at 5:25 pm #387803
    Elliott

    Hey tmkhc!

    1. Make sure the full width button is not nested inside other column or section elements. It needs to be on it’s own.

    2. It’s the yellow text on your page correct? I think what your wanting to do here is use a color section and insert some columns inside so they stack on top of each other on small screens. The grid row is going to continually shrink so if you have text inside it will not be readable on smaller screens.

    Cheers!
    Elliott

    January 29, 2015 at 9:04 pm #387962
    tmkhc
    This reply has been marked as private.
    January 30, 2015 at 10:49 pm #388578
    Elliott

    Hi!

    Try deactivating all plugins and completely deleting Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest.

    If that does not help then send us a WordPress login and we’ll take a closer look.

    Best regards,
    Elliott

    January 30, 2015 at 11:21 pm #388600
    tmkhc
    This reply has been marked as private.
    February 2, 2015 at 6:05 am #389138
    Ismael

    Hey!

    Thank you for the update.

    The fullwidth button is fixed by placing it inside a color section. Adding another color section below the animated number elements seems to fixed the footer as well. There must be a missing closing div that we don’t know of. Did you add any html tags on the page?

    Best regards,
    Ismael

    February 2, 2015 at 4:06 pm #389371
    tmkhc

    Hi Ismael,

    Thank you very much for looking into this.

    I just checked the website and found that, the full width button has still got margin around it but the footer is fixed instead?

    Here is the screenshot:

    To answer your question, I did not add or change any html tags of the theme.
    Do you have any idea why the template is acting up so strangely?

    Kind regards,

    Tom

    February 2, 2015 at 4:20 pm #389387
    Yigit

    Hi!

    Please add following code to Quick CSS 

    div#av_section_6 {
min-height: 64px;
}
.home div#av_section_6 .content {
padding: 0;
}
.home div#av_section_6 .container {
max-width: 100%;
padding: 0;
}

    You can also take your button out of color section element and it will be fullwidth as it adapts to the size of the container
    Cheers!
    Yigit

    February 2, 2015 at 5:09 pm #389431
    tmkhc

    Hi Yigit,

    Thank you very much, your code worked perfectly!

    Just one question – is there any way to vertically expand the button with additional css coding? The button looks like squashed at the moment.

    Kind regards,

    Tom

    February 2, 2015 at 5:12 pm #389436
    Yigit

    Hi!

    Please add following code to Quick CSS as well and adjust as needed

    #top .avia-button-fullwidth { padding: 30px; }

    Very nice looking website by the way!

    Cheers!
    Yigit

    February 2, 2015 at 5:52 pm #389496
    tmkhc

    Hi Yigit,

    Great, thank you very much!
    And, thank you for the kind word, but it’s not me, it’s all thanks to your Enfold theme!

    Kind regards,

    Tom

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Responsive issues’ is closed to new replies.