Relocate Close button on Mobile Website

ThemeBurn SupportForumsOpenCart ThemesBurnEngineRelocate Close button on Mobile Website

This topic has been marked as resolved.

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!

December 2, 2016 at 6:40 am #53916

Or I just thought… is there a way to make the x Button on top of the follow buttons?

December 2, 2016 at 6:49 am #53918

Also the same issue exists on shopping cart..

December 2, 2016 at 7:13 am #53919

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!

December 2, 2016 at 7:50 am #53924

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

December 4, 2016 at 7:56 pm #53965
December 5, 2016 at 12:32 am #53979

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

December 7, 2016 at 11:39 pm #54106

Thank you

December 8, 2016 at 12:21 am #54109

Glad we’ve helped.

BR,
ThemeBurn team

December 9, 2016 at 3:45 pm #54173
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.