Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 16, 2016 at 1:15 am #661567
    1545Media

    Hello,

    I am needing some help. Some of the elements on my page are not being responsive when in mobile view.
    Here is the page: http://www.smartxpd.com/undefeated/

    1. When in mobile view, the headline rotator below my featured slider takes up the whole view of the page.
    Screen shot: http://imgur.com/jOkNC8q
    Is there a way to set the ‘Responsive Under’ setting for this element? http://imgur.com/furh7Ua
    Or do you have another suggestion that would work?

    2. When in mobile view, the special heading text “UNDEFEATED!” below the headline rotator does not scale down, and runs off the page:
    Screen shot: http://imgur.com/HRquqY5

    3. When in mobile view, My logo overlaps with the menu. Am I able to have a different logo for mobile view only? Also, can I disable the cart button completely for mobile as well??
    Screen shot: http://imgur.com/KdteICS

    Thank you for your assistance with these issues.

    July 16, 2016 at 1:31 am #661568
    1545Media

    Also, out of nowhere, my logo is all the way over to the left of the page now. It used to have spacing before it, kinda like boxed layout. Not sure what caused this to happen.

    Screen shot: http://imgur.com/cImMTY8

    Any help is much appreciated.

    July 20, 2016 at 4:59 am #662762
    Ismael

    Hi,

    Thank you for using Enfold.

    1.) Adjust the width of the rotator with this:

    @media only screen and (max-width: 767px) {
.av-fixed-rotator-width .av-rotator-text {
    width: 90% !important;
}
}

    2.) Add a custom css class attribute to the special heading element. Use “custom-heading” for example, then add the following css code inside the css media query above:

    .custom-heading h2 { font-size: 50px !important; }

    3.) Again, add this css code inside the css media query above in order to adjust the maximum height of the logo:

    .responsive .logo img {
    max-height: 60px;
}

    This will also adjust the width of the logo.

    Best regards,
    Ismael

    July 22, 2016 at 9:48 pm #664078
    1545Media

    Worked fine, thanks Ismael!

    July 23, 2016 at 2:18 pm #664208
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Certain Elements Not Responsive’ is closed to new replies.