Forum Replies Created
-
Posts
-
Hi Ismael, I have seen other enfold sites where the burger menu is always displayed in the top right corner. I understand users can double tap at the top edge, but I’d prefer the menu to remain visible. I would like to do that as well. Would you please help me accomplish this with custom CSS?
Thank you,
SuseHi Ismael, I did clear the cache, but when I scroll down on the page the burger menu no longer appears at the top right. I would like the burger menu to remain visible. How do I fix that?
Hi, the problem is when I take that code out the menu disappears as well. How can I fix that?
Thank you,
SueHi, would you please provide a screen shot of what you’re seeing on mobile when you click on a menu item? Are you seeing all of the text in the yellow color sections for each menu item?
Hi Jordan, the code is already there. Are you testing it on a phone? It should take me to the top of the color section, instead it takes you to the middle and cuts off text.
If you test it on a phone and a desktop you will see the difference. The desired behavior is what you see on the desktop.
Thank you,
SueHi John, I determined the cause is this CSS I put in place to ensure the burger menu appears at the top of the page on mobile devices. If I take it out, the smooth scrolling works but the menu disappears. Login credentials provided below.
/*fix menu & header on mobile*/
.responsive #top #header {
position: fixed !important;
}Hi Jordan, I’m not sure how to do this. I added a custom css class to the fullwidth easy slider named sth-entrylevel-slide.
I then modified my css in Quick CSS to reference the class name instead of #full_slider_1, but it doesn’t seem to have any effect on how the button is displayed. What am I doing wrong?
/*change size and style of button on fullwidth slider*/ #sth-entrylevel-slider .avia-slideshow-button { /* Adjust this for size */ width: 405px; height: padding: 10px !important; font-size: 24px !important; background-color: #4261f5 !important; border-radius: 25px !important; text-decoration: none; /* Adjust these for position */ top: -56px; left: 15px; } }Hi, I figured it out. I added with width property to the CSS as shown below. However, I still have an issue. I only want to change the button for that one slider on that one page. I tried to put the css in the custom css class field for that element on the page, and it’s not taking effect. What am I doing wrong?
/*change size and style of button on fullwidth slider*/
#full_slider_1 .avia-slideshow-button {/* Adjust this for size */
width: 405px;
height: padding: 10px !important;
font-size: 24px !important;
background-color: #4261f5 !important;
border-radius: 25px !important;
text-decoration: none;/* Adjust these for position */
top: -56px;
left: 15px;} }
Hi Victoria, the first button on the top, that currently reads “oh heck ya”. When the label on the button is longer the text will wrap. How do I set the size of the button so it’s not effected by how long or short the label is?
Thank you,
Sue
