-
Posts
-
Hi
I have a few problems with the responsive design of my website:
1. The Cart icon is showing on responsive menu. It shouldn’t.
2. My secondary menu is black on all pages except the home page? Why is that? And how can i change it?
3. The logo looks strange on the responsive design?
4. I have created some buttons on my layerslider on the frontpage. – How can i make them look bigger on the responsive design? They are not responsive right now.Hey Workoutgalaxy,
Thank you for using Enfold.
1.) Please follow the instruction here: https://kriesi.at/support/topic/trouble-with-cart-icon-on-mobile/#post-631242
2.) The secondary menu looks white. Could you please provide a screenshot? Try to edit the menus in the Advanced Styling panel or manually modify the styling in the Quick CSS Field.
3.) Add this in the Quick CSS field to fix the logo on smaller screens:
@media only screen and (max-width: 767px) { .responsive .logo img { max-height: 60px; } }4.) Edit the layer then go to the attributes panel. Apply a custom class or id to the layer then modify the style in the Quick CSS field. Use css media queries to target mobile devices or smaller screens: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
This might help: http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016
Best regards,
Ismael1. Thank you! But when i paste the code into the functions.php the website turns all white?
The quick CSS worked, but the cart is still partly showing as an animation when you take your browser on full with to the smallest responsive mode. How can i change that?
2. I am going to need help with the secondary menu. It doesn’t work when i modify it in the enfold dashboard. Can you please take a look at what is wrong and fix it? I think it is a problem with the theme?
3. It worked!
4. This is way too advanced for me – Can you please make the buttons responsive in the layer slider? Is there not a function in the enfold theme to add buttons in the layer slider? Or in any other slider?
I created the buttons in html – it worked. But the are not centeret when you scale it down to the responsive mode for mobile devices? How can i change that, so that the buttons stays in position?
Hi,
I checked your website on mobile, but buttons etc. seem totally fine to me. Can you highlight using a screenshot please? use imgur.com or dropbox. Also provide us the precise link.
Best regards,
AndyHi Andy – I fixed the problem with the buttons myself in the layer slider, but the font seems to be wrong? Why is that?
Hi,
I can see in your source code that you’re using ‘work sans’ font. Is that not what you want? which font do you want to use instead?
Best regards,
AndyHi Andy
I would like it to be the same as the large button underneath – I believe it is the work sans?
Some of it is edited in CSS
Hi!
The font family of the buttons are the same. It it set to “Open Sans”.
#top .main_color .avia-button { font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }Regards,
IsmaelBut why does it look different on the site then? It has to be the same – Is it a problem with the theme?
Hi,
with the code Ismael has provided you, you can change the font. Just adjust it to the font as needed.
Best regards,
AndyThe code doesn’t work – The font is not the right one in the button in the layerslider. The right font is in the button below. Can you please fix it?
Hi,
in your source code of your website I can see that you’re using this code:
#top .main_color .avia-button { font-family: ' }which is wrong. Change it to:
#top .main_color .avia-button { font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }as Ismael already suggested to you.
Best regards,
Andy
- You must be logged in to reply to this topic.