Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 3, 2018 at 12:11 am #1004733
    BYourLord

    Hello !

    Just bought this fantastic theme, everythings looks much more easier compared to my previous theme.
    But I have few little problems that I can’t fix myself, I will try to be clear as much as possible.

    1) I would like to change the button size and form on the main page LayerSlider
    Screenshot: https://i.gyazo.com/thumb/1000/4e0ea6916d5fa99808b8963fdfa58641-png.jpg

    2) I would like to remove those 2 elements as well, the magnifyer and the shopping cart since I use an external plugin for the my booking system, I don’t need the cart.
    screenshot: https://prnt.sc/kptuv3

    3) Those square block looks really nice on desktop computer, but on mobile device they looks really huge and take much more space than they should take.
    screenshot: https://prnt.sc/kptwtq

    That’s it, thank you for the support in advance.

    September 3, 2018 at 8:09 am #1004804
    Rikard

    Hey BYourLord,

    1. How would you like to change them?

    2. Please try this in Quick CSS:

    #avia-menu #menu-item-search {
  display:none; 
}

    3. What exactly do you want to change in that behaviour?

    Best regards,
    Rikard

    September 3, 2018 at 2:28 pm #1004978
    BYourLord

    Thank you for your reply,

    1) I want make the button more visible, so I need it to be bigger, and square corner shape .

    2) Thanks for the code it works fine, but what about the cart.. ? How can i remove it ?

    3) this is what I mean, as you can see on this screenshot those grid are very big on mobile devices, they should be smaller .
    Screenshot : https://i.imgur.com/xk12Dfz.png

    Thank you

    • This reply was modified 5 years, 7 months ago by BYourLord.
    September 3, 2018 at 3:19 pm #1005015
    Victoria

    Hi BYourLord,

    I do not see the cart anywhere. Did you remove it already?

    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

    


#top #wrap_all .avia-slideshow-button {
    border-radius: 0px;
}

@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

    September 3, 2018 at 4:03 pm #1005028
    BYourLord

    Yes the cart is still there, at least on desktop version.
    screenshot https://prnt.sc/kq2ydn

    What was supposed this code to do ? because I copy past it into quick css but nothing has changed.

    Thanks

    • This reply was modified 5 years, 7 months ago by BYourLord.
    September 3, 2018 at 5:37 pm #1005080
    Victoria

    Hi BYourLord,

    It adjusts the slider on mobile screens and removes rounded corners.

    The cart shows up when you add products, right?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.