Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1057156

    Hello, Your theme is great, Thank you.
    Today I ask about easy slider size in mobile

    as you see in the link below,

    the navigation arrow in slider is too big in mobile
    I tried to change in mobile, but I failed.

    It would be great , You let me know How to do that.
    Thank you.

    It would be great, You let me know about this
    this is my css for that, but only stroke box could change and arrow could not see.
    ——————————————————————————————

    @media only screen and (max-width: 600px) {
    #top .avia-slideshow-arrows a {
    display: block;
    text-decoration: none;
    color: #fff;
    visibility: visible;
    position: absolute;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 32px;
    font-size: 12px;
    top: 50%;
    margin: -30px 15px 0;
    z-index: 99;
    overflow: hidden;
    text-indent: -600%;
    }

    }
    ——————————————————————————————————-

    #1057344

    Hey r2chh,

    You can also try this code instead:

    @media only screen and (max-width: 767px) {
      #top .avia-slideshow-arrows a {
        width: 20px;
        height: 40px;
        font-size: 12px;
        line-height: 20px;
      }
    
      #top .avia-slideshow-arrows a:before {
        line-height: 40px !important;
      }
    }

    However I don’t see any of your code being reflected probably because of caching, please try to flush out the cache and check.
    If that doesn’t work, try to go to Enfold > Performance > disable CSS file merging and compression
    Hope this helps.

    Best regards,
    Nikko

    #1058518

    Hello,

    Thank you for your reply about my last question.

    Today I got another issue

    Is there any options About easy slider height ?

    Then

    It need for that

    As you see in the link below,

    In mobile

    I’d like to make the slider height big,

    But I cannot find any options.

    It would be great,

    You let me know about this.

    Thank you

    Your regards

    Chong hyo, Rhee

    #1058848

    Hi Rhee,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width:767px){
      #full_slider_1, 
      #full_slider_1 .av_slideshow_full.avia-slideshow,
      #full_slider_1  .avia-slideshow-inner,
      #full_slider_1 .avia-slideshow li,
      #full_slider_1 .avia-slideshow li img {
        min-height: 240px;
    
      }
      #full_slider_1 .avia-slideshow li img {
        width: 160% !important;
        max-width: auto;
      }
       .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
          padding-top: 0px;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1059478

    Hello,

    Thank you for your reply about my last question. It worked. great. Tnank you. ^^

    Today I got another issue

    As you see in the link below

    When mobile,
    Sticky header doesn’t work.

    And menu and logo overlaped.( need position changes.)

    It would be great,

    You let me know how to change this .

    Thank you

    Your regards

    Chong hyo, Rhee

    #1059552

    Hi,

    Thank you for writing to us.

    Your logo is too big to fit on a mobile screen. Please refer to the below link to use a different logo on mobile.
    https://kriesi.at/documentation/enfold/logo/# (Purchase code hidden if logged out) -mobile

    Best regards,
    Vinay

    #1059713

    Hello,
    Thank you for your reply.

    Today , I ask about

    1) mobile sticky header and

    2) back to top button in mobile

    as you see in the link below,

    in mobile

    there isn’t work sticky header.
    and back to top button could not see.

    I’d like to make it.

    It would be great, You let me know about this.

    Thank you.
    YOur regards Chonghyo, Rhee

    #1061353

    Hi r2chh,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
      .responsive #top #wrap_all #header {
        position: fixed;
      }
    
      .responsive #top #wrap_all #main {
        padding-top: 109px !important;
      }
    
      .responsive #scroll-top-link {
        display: block !important;
      }
    }

    Best regards,
    Nikko

    #1065283

    Hello
    Thank you for your reply.

    Today, I ask about google map
    I register api key, It is okay,
    But when load map,
    There is an error massage as you see in the link below.

    It would be great,
    You let me know how to make it work about google map.

    Thank you.

    #1065374

    Hi r2chh,

    I have checked it and it seems to work fine on my end.
    There’s a link on private content which shows the screenshot.

    Best regards,
    Nikko

    #1065383

    please see this

    as you see in the link image

    they ask “do you own this site?”

    yes, I saw your image but, me and others computers and phones, the map got a trouble.

    I don’t know what to do.

    Thank you.
    CHong hyo, RHee

    #1065998

    Hi CHong hyo RHee,

    I really could not see it on my end when I checked.
    However, here is a post that has some solutions on the problem you’re having: https://time.ly/resources/troubleshooting/ (Purchase code hidden if logged out) -you-own-this-website/
    Hope it helps.

    Best regards,
    Nikko

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.