Hi,
I integrated follow buttons to the top right of my website pages. On mobile phones there is a small clash when selecting the menu as the close “X” button is partially covered by the follow buttons. Is there a way to move the X close button a little lower, or move it to the top left side of the page and change the color to black?
Btw I am using Pavilion but recently updated. Is it now called BurnEngine?
Please see attached image for reference and thanks in advance for your help!
|
|
Or I just thought… is there a way to make the x Button on top of the follow buttons?
|
|
Also the same issue exists on shopping cart..
|
|
I think the most convenient option if possible would be moving it to the left side in black font. Please let me know if possible. Thank you!
|
|
Hi,
Can we take a look at the live website?
You can use hidepost to share private information with the support staff.
P.S. BurnEngine is now the foundation (framework) for all our themes.
BR,
ThemeBurn team
|
|
Hi Swan,
Here is a small modification that will move the X button in the center of the black overlay:
[lang="en"] .tbMobileMenuOverlay:before {
content: 'CLOSE';
position: absolute;
top: 50%;
right: 3px;
color: #fff;
z-index: 2;
transform: rotate(-90deg);
font-size: 18px;
}
.tbMobileMenuOverlay svg {
top: 50%;
margin-top: 40px;
}
BR,
ThemeBurn team
|
|
Glad we’ve helped.
BR,
ThemeBurn team
|
|