Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 21, 2015 at 6:30 am #447576
    strengthcoaching

    Trying to put the finishing touches on my new site.

    How do I…

    1. Enable a Mobile Menu for horizontal view on an iPad. It works vertically but horizontally the navigation is bleeding into the logo.
    2. Change the font family that the Mobile Menu uses. Right now I have a sans serif on desktop and a serif on mobile.
    3. How do I fix HTML for code not taking effect on the site. Whenever I use “i” or “em” it doesn’t work in certain situations (Gravity Forms, Layerslider WP, etc.). It shows up in the editor but live it loses the italic.
    4. Check out my banner slideshow on http://www.strengthinnumberscoaching.com/test. The last slide (consultation) has a call to action button. After they all fade out to transition back to the first slide again, the call to action button flashes/blinks. I can’t for the life of me figure it out.

    May 22, 2015 at 5:47 am #448162
    Rikard

    Hi strengthcoaching!

    1. Please add this to Quick CSS:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    2. What font would you like the mobile menu to use?

    3./4. Could you provide us with a temporary admin login so that we can take a closer look please? You can post the details here as a private reply.

    Best regards,
    Rikard

    • This reply was modified 9 years, 7 months ago by Rikard.
    May 22, 2015 at 4:09 pm #448411
    strengthcoaching

    1. Perfect thanks!

    2. Open Sans. That’s what I have the desktop version font set to right now.

    3/4. Could you tell me how I create a temp login? I don’t know how.

    May 22, 2015 at 8:01 pm #448582
    Josue

    Hi!

    2. Use this CSS code:

    #mobile-advanced {
    font-family: "Open Sans";
}

    3. Go to Users > Add new and create a Administrator new user.

    Best regards,
    Josue

    May 22, 2015 at 9:00 pm #448617
    strengthcoaching

    2. Perfect thanks!

    3. When creating the user it’s requiring an email. which should i use?

    May 22, 2015 at 9:06 pm #448624
    Josue

    You can use (Email address hidden if logged out) but please post the username/password here (as a private reply) so all team members can help.

    Best regards,
    Josue

    May 22, 2015 at 9:07 pm #448625
    strengthcoaching
    This reply has been marked as private.
    May 22, 2015 at 9:55 pm #448653
    Josue

    Hey!

    3. Can you point where this issue occurs?
    4. Fixed, set a class of “consultation_cta” to the link and added this to Quick CSS (using Enfold’s button classes was the culprit):

    #top .consultation_cta {
  padding: 9px 22px;
  cursor: pointer;
  border: none;
  border-radius: 0px;
  background-color: #2997ab;
  color: #ffffff;
  border-color: #077589;
}

    Cheers!
    Josue

    May 22, 2015 at 10:09 pm #448663
    strengthcoaching

    3. One good example is in the “I won’t sell your email. Period.” text under the email incentive. If you look at the gravity form you’ll see it’s italicized there but it doesn’t do it live. Another example is somewhere in the slideshow. I think the first slide.

    4. I’m assuming you adjusted “Strength 1” right? The blink is definitely gone and it looks good except the following…
    – on all platforms the button fades out a little late. i think i can fix that.
    – on iphone both landscape and portrait and ipad (mini if it matters) in portrait the button looks too big. any idea why this happens?

    May 22, 2015 at 10:40 pm #448677
    Josue

    Hey!

    3. Hm, on what page is the form?

    4. Add this to Quick CSS:

    @media only screen and (max-width: 767px) {
    #top .consultation_cta {
        padding: 4px 12px;
    }
}

    Cheers!
    Josue

    May 22, 2015 at 11:05 pm #448691
    strengthcoaching

    3. Main landing page. In the sidebar under the search bar.

    4. Added it. That didn’t change anything.

    May 22, 2015 at 11:13 pm #448696
    strengthcoaching

    Go here to see what I mean (may take a bit to fully load)…
    http://www.responsinator.com/?url=www.strengthinnumberscoaching.com%2Ftest

    Basically the button you changed to is not mobile responsive. Which is a huge problem.

    May 22, 2015 at 11:22 pm #448702
    Josue

    Hey!

    3. Ah, i see, use <em></em> instead of <i></i>.

    4. Refresh a few times, here’s how i see it – http://a.pomf.se/sdvoba.png

    Cheers!
    Josue

    May 23, 2015 at 4:33 am #448867
    strengthcoaching

    3. Perfect. All set.

    4. got it. looks better now. portrait mode on both iphone and ipad it still looks a bit big but at least it’s not covering words like before. I brought it down from 4px to 3px and that seems to work better overall. thanks!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘How do I…? – Part 1’ is closed to new replies.