Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • October 4, 2018 at 7:09 pm #1017995
    hylandgraphics

    Hey guys,

    I am trying to hide the buttons and text on the full scree slider but have been unsuccessful. I had this CCS from while back but it does not seem to be working now. Can you assist? Thanks!

    @media only screen and (max-width: 768px) {
    .slideshow_caption { padding: 5px; }
    h2.avia-caption-title {
    font-size: 20px;
    }
    #top .avia-slideshow-button { margin-top: 5px; }}
    @media only screen and (max-width: 480px) {
    .slideshow_caption {
    display: none;
    }}

    October 4, 2018 at 11:38 pm #1018040
    Jordan Shannon

    Hey hylandgraphics,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    October 5, 2018 at 7:18 pm #1018338
    hylandgraphics

    Link Below

    October 5, 2018 at 7:35 pm #1018340
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av-slideshow-caption{
display:none!important;
}

    Best regards,
    Jordan Shannon

    October 5, 2018 at 7:50 pm #1018344
    hylandgraphics

    Thank you! Is there way just to get the button only to show up on the left side?

    October 5, 2018 at 8:25 pm #1018352
    hylandgraphics

    Also the code you gave me hides it on everything. I just need to hide the text and buttons on mobile only. If possible I would like to just have the button on the righthand side on mobile only and it will display as normal (text and buttons) on all other versions. Thanks.

    October 6, 2018 at 7:14 am #1018436
    Rikard

    Hi,

    Please try this instead of what Jordan sent:

    @media only screen and (max-width: 767px) {
.av-slideshow-caption{
  display:none!important;
}
.avia-slideshow-button {
  float:right;
}
}

    Best regards,
    Rikard

    October 8, 2018 at 5:41 pm #1019061
    hylandgraphics

    This worked but the button is still on the left side and I need it on the right. Thanks!

    October 8, 2018 at 5:59 pm #1019067
    Jordan Shannon

    Hi,

    So you want the button to show up on the right for the desktop? Add this to quick css:

    .avia-slideshow-button {
  float:right!important;
}

    Best regards,
    Jordan Shannon

    October 8, 2018 at 6:03 pm #1019068
    hylandgraphics

    On mobile the button is still on the left side and I need it on the right. Desktop is fine.

    October 8, 2018 at 6:10 pm #1019072
    Jordan Shannon

    Hi,

    On the tablet or phone? I’m not seeing buttons on the phone at all.

    Best regards,
    Jordan Shannon

    October 8, 2018 at 6:13 pm #1019073
    hylandgraphics

    On my phone. I want on the phone only the button to show on the right side and on all other devices to to appear as normal. As of now on my phone I only have a button which is what I want but it is on the left and I need it on the right. Thanks!

    October 8, 2018 at 6:26 pm #1019083
    Jordan Shannon

    Hi,

    Apologies, but I’m not seeing the area. Please provide a screenshot from your phone so I can see the area you need help with.

    Best regards,
    Jordan Shannon

    October 8, 2018 at 6:58 pm #1019126
    hylandgraphics

    Button is on the left and I need it on the right: https://snag.gy/ZueyAO.jpg

    October 9, 2018 at 12:28 pm #1019453
    Nikko

    Hi hylandgraphics,

    Try using this css code in Quick CSS:

    @media only screen and (max-width: 767px) {
  #top .avia-slideshow-button {
    float: right !important;
  }
}

    if it doesn’t work please try to flush out the cache and check again.
    If it still doesn’t work, please don’t remove the code so we can check via a web inspector if the css code is just overriden.

    Best regards,
    Nikko

    October 9, 2018 at 3:32 pm #1019524
    hylandgraphics

    I cleared all my cache’s and reloaded the site on my phone via a new browser window and it still seems to be stuck on the last side or the slider? Can you take a look please? Thanks!

    October 10, 2018 at 12:36 pm #1019922
    Victoria

    Hi hylandgraphics,

    Best regards,
    Victoria

    October 11, 2018 at 4:11 pm #1020347
    hylandgraphics

    I cleared the history on my phone and it is working. Thanks so much for your help as always!

    October 11, 2018 at 5:15 pm #1020376
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Hiding buttons and text on full screen slider’ is closed to new replies.