Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 18, 2015 at 3:40 pm #413685
    WEBIGAMI

    Hi Team,

    on smartphones, the back to top button won’t show anymore after updating to 3.1.

    Cheers,
    Jan

    March 18, 2015 at 3:55 pm #413689
    Yigit

    Hi Jan! :)

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
  display: block !important;
}}

    Cheers!
    Yigit

    March 18, 2015 at 4:02 pm #413695
    WEBIGAMI

    Hey Yigit,

    thank you, but that didn’t work on my website http://www.webigami.de

    Why is it gone anyway after the update?

    Cheers,
    Jan :)

    March 18, 2015 at 4:06 pm #413699
    Yigit

    Hi!

    Code i posted should have worked. Do you mind creating a temporary admin login and posting it here privately?
    Mobile browsers scroll to top automatically when touched on the top of the browser, i believe it was removed not to cover the content on mobile :)

    Regards,
    Yigit

    March 18, 2015 at 4:13 pm #413706
    WEBIGAMI
    This reply has been marked as private.
    March 18, 2015 at 4:17 pm #413712
    Yigit

    Hi!

    Please review your website now Jan. You had 2 extra closing curly brackets in your code after media queries. I removed them :)

    Best regards,
    Yigit

    March 18, 2015 at 4:26 pm #413726
    WEBIGAMI

    Hi Yigit,

    great, that works now :)

    But without these extra brackets, suddenly my sepcial header in my special css class section (the very first with the background video called “header-home”) is too big on smartphones (max-width: 480px). With this code, I wanted it to have font-size “40px”:

    @media only screen and (max-width: 480px) {
#top .header-home h1.av-special-heading-tag {
font-size: 40px !important;
letter-spacing: 10px !important; }
}

    After your edits it looks like this:

    Moreover, I’d like to make the subheading smaller on smartphones in portrait mode, too – but I wasn’t able to figure that out either.

    Can you help? :-/

    Thanks and cheers,
    Jan

    March 18, 2015 at 4:34 pm #413743
    Yigit

    Hey!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.av-subheading.av-subheading_below {
  font-size: 20px!important;
}}

    I have edited one of your code and added min-width value as following to fix special heading font size 

    @media only screen and (max-width: 768px) and (min-width: 481px) {
#top .header-home h1.av-special-heading-tag {
font-size: 55px !important;
letter-spacing: 18px !important; }
}

    Best regards,
    Yigit

    March 18, 2015 at 4:51 pm #413763
    WEBIGAMI

    Hey Yigit,

    perfect, thank you so much!!!! :)

    And I love the new video with the overlay feature.

    Cheers,
    Jan :)

    March 18, 2015 at 5:02 pm #413772
    Yigit

    Hi!

    We are glad you liked it Jan! :) You are welcome, always happy to help! Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Enfold 3.1 Back to Top Button Has Disappeared on Mobile’ is closed to new replies.