Okay
  Public Ticket #2719357
Slider in mobile
Closed

Comments

  • Meansthemes started the conversation
    March 13, 2021 at 11:48am



    I'm trying to set the slider in mobile, but unable to do so.

    How can I set different font sizes & positions for mobile?
    It is taking the default desktop settings.

    Please guide me.

    Thank you

  •  231
    Shopify Team replied
    March 14, 2021 at 6:47am

    Hi Meansthemes,

    Thanks for purchasing our theme.

    Can you invite us to be your staff via email: [email protected], please?

    What size do you want on mobile? Please tell us. We'll fix it for you.



  •   Meansthemes replied privately
  •  231
    Shopify Team replied
    March 14, 2021 at 8:11am

    Hi Means themes,

    We've fixed the position of the content.

    To edit the font-size of content, you can add some code at the end of file Assets/gps-slideshow.scss.liquid

    @media(max-width: 767px) {
  .gp-slideshow .slide-content-wrapper .slide-content-inner .heading {
       font-size: {{Your font size}}px !important;
  }
  .gp-slideshow .slide-content-wrapper .slide-content-inner .sub-title {
      font-size: {{Your font size}}px !important;
  }
  .gp-slideshow .slide-content-wrapper .slide-content-inner a.btn {
      font-size: {{Your font size}}px !important;
  }
}

    6459601120.png

    Don't forget to click Save to save the updates.


    Best regards,

    Shopify Team


  • Meansthemes replied
    March 14, 2021 at 12:59pm

    Dear ArrowHitech,

    I tried as you said, font-size is not decreasing.

    I need this size:

    @media(max-width: 767px) {  .gp-slideshow .slide-content-wrapper .slide-content-inner .heading {   
  font-size: 22px !important;  }  
.gp-slideshow .slide-content-wrapper .slide-content-inner .sub-title {      
font-size: 16px !important;  }  
.gp-slideshow .slide-content-wrapper .slide-content-inner a.btn {  
    font-size: 16px !important;  }
}

    I added this at the same place but nothing happened.

    One more problem is there: 

    Responsive columns, in desktop I needed 2 columns but in mobile also it is showing two columns, I want it as once column in mobile.

    This is on the home page right after the slider. Kindly help me with it.

  •  231
    Shopify Team replied
    March 15, 2021 at 7:26am

    Hi Meansthemes,

    Sorry for my mistake because I think it'll override the old code. 

    Because you are choosing Content style 1 so I added a class for it.

    You can see the code in Assets/gps-slideshow.scss.liquid

    9300288521.png

    Best regards,

    Shopify Team


  • Meansthemes replied
    March 15, 2021 at 8:26am

    What about the other question which I asked? Please check the attachment of previous reply

  •  231
    Shopify Team replied
    March 15, 2021 at 8:42am

    Sorry for that. We've fixed it. Check it again.


    Best regards,

    Shopify Team