Viewing 7 posts - 31 through 37 (of 37 total)
  • Author
    Posts
  • #710438

    Hello

    I just want to remove the green header on the mobile !!

    As for the caption on the iPhone 5c screen the caption has been moved to the top I prefer it in the middle however I am able to see the captions fully on the other sides.

    Overall please look back above as the question is the same.

    When entering the home page I find too much appears and only want the slide to appear without the green header. is there away to to just have the menu with the line icon that reveals the menu on the images.

    #711133

    Hey!

    I just want to remove the green header on the mobile !!

    Do you want to hide the logo on mobile? We added this code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .home #wrap_all .av_header_transparency {
        background-color: transaprent !important;
    }
    
    .home #header_meta {
        background-color: #00bfb9 !important;
    }
    
    .home .logo {
        display: none !important;
    }
    
    .home #full_slider_1 {
        margin-top: 0;
    }
    
    .home .av_header_transparency #header_meta {
        border-bottom: 0;
    }
    
    .responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide {
        top: 40px;
    }
    }

    As for the caption on the iPhone 5c screen the caption has been moved to the top I prefer it in the middle however I am able to see the captions fully on the other sides.

    And we adjusted the caption position with this css code.

    @media only screen and (max-width: 767px) {
         .html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
            top: 10px;
        }
    }

    Best regards,
    Ismael

    #711267

    Thank you for this. Please see below. What I have explained in text.

    #711351

    This is what I am trying to achieve ? See link

    #711886

    Hi,

    I think it would be best to open a new ticket for new questions/issues, as it gets too big and confusing here otherwise.

    However, use this code for mobile menu:

    @media only screen and (max-width: 767px) {
    .responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide {
    top: -15px;
    left: 0px;
    }}

    Slideshow picture on mobile:

    @media only screen and (max-width: 767px) {
    .avia-slideshow.image_no_stretch li img {
    height: 300px;
    }}

    Adjust the values as needed.

    Best regards,
    Andy

    #711894

    Hi Andy,

    Thanks for reply.

    I have re-created tickets on the same topic. I believe the wait time and misunderstanding on the moderator(s) part on what I am trying to achieve after many links to see images of the desired menu on the mobile have been shared.

    Before your message Ismael kindly went into the css and added the code. I left the comments on how I would like it changed…
    Along with examples.

    Note, I am not tech savvy CSS does not mean anything to me… However have managed to work my way around your theme. Do I remove what he has placed already with your new code. I don’t want to remove the wrong thing. Saying that as he clearly labelled his workings above I probably can work it out.

    I would appreciate if you kindly log back in and place it where it should be also giving me clear steps on how to achieve myself.
    And what your code is actually changing?

    Thanks for help I will create a NEW ticket with the same info now.

    • This reply was modified 7 years, 4 months ago by Epic. Reason: Login
    #711937

    Hi,

    Good that you already opened a new ticket for this issue. So I will close this one now.

    Best regards,
    Andy

Viewing 7 posts - 31 through 37 (of 37 total)
  • The topic ‘Slider cut off on mobile’ is closed to new replies.