Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our BeTheme demo. We don`t offer theme customization.

Before creating a new discussion, please:
1. Check Support Center.
2. Check on forum if discussion has not been created before. Use the forum Search on the right.
3. Read carefully the documentation included to package.
4. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
5. You can post on forum only after registration (you need purchase code to register) .

NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.

IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Responsive button

edited August 2 in Theme support

I have a couple of questions where I'd really appreciate some help...

1. The button for the shop product slider when looking at it on a smartphone is not showing correctly. It's partly cut off. Can you please let me know how to fix this and also make it sit centrally above the product on a mobile only?
2. Is it possible to make the previous and next buttons sit in a circle for the shop and testimonials sliders? It looks a bit odd at the current shape (my client wants rounded edges for all other buttons on the site though, but I don't want it the same for these buttons!)
3. The hamburger menu is floating halfway down the page in responsive on my client's phone (iPhone) but it is fine on mine (Android)... how can I make it stay in the sticky header?
4. How do I add gradients to buttons in layer slider? I can not get it to work like I have with custom CSS on the rest of the site.
5. I want to hide the social icons only on responsive in the action bar, but keep the other info... How do I do this?

I have tried some CSS but it's not working... 

@media (max-width:768px) {
#action_bar . social i{display:none !important;}

Have I written it incorrectly?

Thank you :)


  • Please sign in to see answear!
  • Hi,

    Thanks so much for your replies.

    1. I can't disable all of the custom CSS as I've got a lot in there to style the site as my client wants. Could you please let me know where this fault is that is affecting the button?
    2. Thanks I'll look into this.
    3. If you see on this screenshot you can see the hamburger menu on the left. I want it to sit in the sticky header at the top and not half way down the screen on the left. 
    4. I uploaded an image for the button background instead :) 
    5. That's worked. Thank you!
  • Please sign in to see answear!
  • 1. Ok I'll see what might be causing it.
    3. The screenshot is from my client's phone... I think it's an iPhone 7, but it's also happening on my phone which is a Galaxy S10 in Chrome.
  • Please sign in to see answear!
  • Thanks. Solved 1 - it was adding a margin to the button css. I created a class just for the buttons I wanted the margin on instead of adding css to apply to all buttons.

    3. All fine on my end and client has said nothing more. 

    Thanks for your help :)
Sign In or Register to comment.