Forum Replies Created

  • Hello Hans, css code please

    thank you

    Thanks Hans, and how to enforce the same size of the pciture? is this possible?

    By zooming I mean – no green plus sign, and no extra pop up window with enlarged picture

    This reply has been marked as private.
    This reply has been marked as private.

    Thanks Hans

    and How I can disable this default sharing social media buttons ? I could not find any switch. I assume that new plug in will be place there somehow semi-automated.

    Thanks,
    Lech

    Hi Hans,

    I think I do not agree the numer of items is the issue. I was trying to play with that – this happens even still there is a space in the header. If you could open on big screen and play with the width-size.

    In my opinion this should not behave like this. This behaves good in demo, but not here.

    Thanks

    Lech

    Thanks Hans

    is that something in the premium support model?

    Thanks
    Lech

    This was solved by Hans by email. Thanks

    HI Hans

    I just wanted to come back to the menu issue going below the header section.

    It is displaying correctly on mobile devices, but when you play with the size of web browser on PC, the menu in some point going below the header section. On Demo it is working fine. Can you please help me do define something that will keep the menu really in the header section. If it does not fit, shoudl switch to the mobile version. I think this is only a metter of the condition in the config file..

    Thanks,
    Lech

    Here I the section, I was playing with the setting, but still does not work. What I am doing wrong?

    @media (max-width: 767px) {
    .hero h1 {
            font-size: 0.75rem !important;
            line-height: 15px !important;
        }
    .hero h2 {
            font-size: 0.75rem !important;
            line-height: 10px !important;
        }

    h2.bigtitle,
    h2.bigtitle_dark {
    font-size: 3.486rem !important;
    }
    h2.smalltitle,
    h2.smalltitle_dark {
    font-size: 1.871rem !important;
    }
    .site-title {
    max-width: 75%;
    }
    .navbar-brand {
    padding-left: 15px;
    }
    .navbar-default {
    height: auto;
    min-height: 56px;
    }
    .navbar-default .navbar-nav {
    padding-top: 0;
    }
    .navbar-default .navbar-nav > li {
    margin-left: 0;
    }
    .navbar-default .navbar-nav .active a,
    .navbar-default .navbar-nav li.current-menu-parent a,
    .navbar-default .navbar-nav li.current_page_parent a {
    border-bottom: none;
    }
    .navbar-default .navbar-nav > li > a {
    padding: 0 15px 0 15px;
    line-height: 32px;
    border-bottom: 0;
    }
    .navbar-default .navbar-nav li.menu-item-has-children a {
    margin-bottom: 0;
    }
    .navbar-default li a:hover,
    .navbar-default .navbar-nav > li > a:hover {
    border-bottom: 0;
    }
    .navbar-default .navbar-nav {
    padding-top: 0 !important;
    }
    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3,
    h4 {
    word-wrap: break-word;
    }
    .hero,
    .testimonials,
    .calltoaction,
    .newsletter {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: center top !important;
    }
    .hero .text-left,
    .hero .text-right {
    float: none;
    text-align: center;
    margin-bottom: 10px;
    }
    .calltoaction,
    .newsletter,
    .testimonials {
    padding-top: 50px;
    padding-bottom: 50px;
    }
    .tweets .fa {
    padding-bottom: 20px;
    }
    .calltoaction .text-left,
    .calltoaction .text-right {
    float: none;
    text-align: center;
    margin-bottom: 10px;
    }
    .calltoaction2 p {
    margin-bottom: 25px;
    }
    .calltoaction2 .cta-button,
    .calltoaction2,
    .tweets,
    .tweets .tweets-list-container {
    text-align: center !important;
    }
    .clients img,
    .brands img,
    .stats .row > div {
    padding: 20px;
    }
    .pt {
    margin-bottom: 20px;
    margin-right: 0px;
    }
    .content {
    padding: 20px 0 0px 0;
    }
    .sidebar {
    margin: 0px 0 20px 0;
    padding-left: 0;
    border-left: none;
    }
    .contact form {
    margin-top: 30px;
    }
    }
    @media (max-width: 480px) {
    .hero h1 {
            font-size: .75rem !important;
            line-height: 15px !important;
        }
    .hero h2 {
            font-size: 0.75rem !important;
            line-height: 10px !important;
        }
    h2.bigtitle,
    h2.bigtitle_dark {
    font-size: 2.286rem !important;
    }
    h2.smalltitle,
    h2.smalltitle_dark {
    font-size: 1.471rem !important;
    }
    .testimonials blockquote {
    padding: 10px 20px;
    position: relative;
    border: 0;
    }
    .testimonials blockquote:after {
    content: none;
    }
    .testimonials blockquote:before {
    content: none;
    }
    }

    Hi Hans I will close the topic here and open a new one, for better clarity

    Hi Hans,

    I appreciate your help but your advise here is not practical. I bought media responsive template. And one of the things that do not work is this “Hero 1 title”. The others work good, but with this one not. When you go to smaller devices the size of the text is actually bigger. I want them to be adjusted (being smaller!) without breaking the words. I tryied myself but it does not work.

    I know I am taking a lot of your time, but I want to ensure the web site work properly and professionally and your templates deserve for a good presense.

    Thanks
    Lech

    Thank you Hans, that worked!

    Hi Hans,

    #1. that’s the point. Can you please advise how this should be configured in order to be properly displayed? I would expect proper display on mobile and PC as well. Which parameter should be tweaked and in which media section?

    #2. Also, I have not your response on below:

    Also, when I am viewing the subpages on mobile devices the picture is not scaling well, it does not look like centered, and left side (not too much) is hidden

    Thanks again,
    L.