Okay
  Public Ticket #1586843
css wanted/ not correct about in mobiles view
Closed

Comments

  • kiki grevia started the conversation

    Hello,

    1) I would need your help for a simple task (i thought). I am trying to change the size, color, font family of the text in the albums. These proporties .album .content-text{font-size:10px!important;} wherever I add them (main.css,style.css etc)don't work.

    Where I must search the correct css?

    And where I must import google fonts if I want to add some greek fonts?

    2)The #about has a proplem in the mobile view.You can visit  http://en.exisarchitects.gr/#about and you can see a great empty space in the begining and then the content.

    thank you in advance for your help

  •  850
    Jelly replied

    1. Better add your custom code to Appearance > Customize > Additional CSS. Try this code:

    #albums-carousel .carousel-cell .album .content-text .text h3 {font-size: 26px !important; color: red !important;}
    #albums-carousel .carousel-cell .album .content-text .text p {font-size: 15px !important; color: red !important;}

    Please check this guide on how to add more fonts: http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/

    2. Please add this code to Appearance > Customize > Additional CSS:

    .layer-page.about .vc_col-sm-2 {display: none;}
    @media (min-width: 768px){.layer-page.about .vc_col-sm-2 {display: block;}}

    Best Regards,
    Jelly Team

  • kiki grevia replied

    thank you

    1)it is working, indeed

    2) We cannot see the picture above the text now (in the mobile only) :{


  •  850
    Jelly replied

    2. Please add this code:

    @media (max-width: 960px){
        .layer-page.about .col-sm-8 .vcenter {
            top: 0%;
            transform: translateY(0%);
            -webkit-transform: translateY(0%);
        }
    }


    Best Regards,
    Jelly Team

  • kiki grevia replied

    Hello ,

    SOS, emergency. I don't know what happened but now the site works in surrealistic mode! (Even if I erase the previous adds in css). There is a scrollbar just for the navigation area and some pixels above! You are, for example, in albums (projects in my case) you are trying to scroll down to see what other stuff exists, and you are scrolling just in 150px area in navigation bar, where you can see the content of the homepage!!!

    en.exisarchitects.gr/#albums

    (I have made the update to the recent wordpress version. Maybe there is a connection to that event?

  •  850
    Jelly replied

    Could you please send us wp-admin login/password as a private message?

    Best Regards,
    Jelly Team

  •   kiki grevia replied privately
  •  850
    Jelly replied

    It says:

    ERROR: The password you entered for the username ***** is incorrect.

    Could you please check?

    Best Regards,
    Jelly Team

  •   kiki grevia replied privately
  •  850
    Jelly replied

    I was trying to connect to http://el.exisarchitects.gr/ but the previous password works for http://en.exisarchitects.gr/wp-admin/.

    I've contacted our developer about this issue: SOS, emergency. I don't know what happened but now the site works...

    Get back to you as soon as possible. I am sorry for inconvenience.

    Best Regards,
    Jelly Team

  • kiki grevia replied

    hello again,


    Unfortunately, none of the sites (neither en.exisarchitects.gr or el.exisarchitects.gr) are working correctly.

    the issue with the navigation and scrolling in the limited height persists :{

    looking forward for a solution

  • kiki grevia replied

    Any news? Still the site has this serious bug online

  •  850
    Jelly replied

    No news, I am afraid.

    Best Regards,
    Jelly Team

  •  850
    Jelly replied

    I've applied a couple of changes to http://en.exisarchitects.gr/. Could you please check and let me know?

    Best Regards,
    Jelly Team

  • kiki grevia replied

    Hello,
    Thank you, the problem with the navigation and scrolling is solved.... for the classic monitors.
    Unfortunately not for the mobiles, as you can see:{

    Also there is an inside scrolling bar (extra) that creates some not so positive effects in the about section (half of the picture is disappearing) when the text is getting bigger. http://el.exisarchitects.gr/#about. the same happens and to en.exisarchitects.gr, when I add some text more

    looking forward for a solution

  •  850
    Jelly replied

    Really sorry about this. Our developer is working on solution.

    Best Regards,
    Jelly Team

  •  850
    Jelly replied

    I've applied fixes to http://en.exisarchitects.gr/. Could you please clean cache and check About page?

    Best Regards,
    Jelly Team

  • kiki grevia replied

    Hello,

    It is working properly now the about. But still the fundamental problem with the mobile view hasn't been solved yet

    Please, it has been passed lot of days without solution. When I am doing navigation from my mobile , I have an extra scrolling area just between the menu and the content, where I can see as a background the pics from the homepage!

    I am presenting the site to clients , and it is a bit of embarrassment this bug.

  •  850
    Jelly replied

    Could you please tell me when you are checking the theme on mobile what browser are you using?

    Does it have a "sliding up when scroll" top bar where search bar is?

    Best Regards,
    Jelly Team

  • kiki grevia replied

    hello,


    thank you for your fast response. I am using chrome. You can see it yourself, if you visit the site

  •  850
    Jelly replied

    Ok, now I can see it. The problem is that top bar goes up that's why there is a gap. I've contacted our developer about this issue.

    Best Regards,
    Jelly Team

  • kiki grevia replied

    thank you,

    I am looking forward for a solution

  •  850
    Jelly replied

    I've applied fixes to http://en.exisarchitects.gr/. Could you please clean cache and check?

    Best Regards,
    Jelly Team