pmoreno-rodriguez / grav-theme-mundana

Mundana Jekyll theme ported to Grav
MIT License
7 stars 2 forks source link

Nav bar to wide (mobile] #13

Closed fugo closed 5 months ago

fugo commented 5 months ago

With browser in Android , Brave and /e/OS Browser (Cromite fork) the hamburger menu button is out of the normal view, I have to swipe far to the right.
No matter if I enable the container fluid in the theme settings (admin panel).

I did a diff and only the following are the differentes in the code.

Enable container fluid : deaktive

<nav id="MagicMenu" class="topnav navbar navbar-expand-lg navbar-dark fixed-top  navbarCustomStyles">
…
<a id="back-to-top" href="https://XXX" class="btn btn-info back-to-top" role="button" title="" data-toggle="tooltip" data-placement="left" data-original-title="Back to top">

Enable container fluid : enabled

<nav id="MagicMenu" class="topnav navbar navbar-expand-lg navbar-dark fixed-top navbarCustomStyles nav-down" style="top: 0px;">
…
<a id="back-to-top" href="https://XXX" class="btn btn-info back-to-top" role="button" title="" data-toggle="tooltip" data-placement="left" data-original-title="Back to top" style="display: none;">

How can I fix this?
With custom.css?

TIA

pmoreno-rodriguez commented 5 months ago

Hello. You have checked that you do not have text strings that are too long, such as a very long email address. This causes the text to overflow on small screens, causing the width of the page to be greater than that of the screen.

If you have already checked this and can't find a solution, could you put the site in an online address so I can see it?

fugo commented 5 months ago

Thanks a lot! :+1: also for your fast reply.
The website title was to long,
I found this in admin panel [config/site].
Now it works - its a great theme and easy to customize.

Btw
Should I enable or disable container fluid?

pmoreno-rodriguez commented 5 months ago

Here you are some information about the containers on bootstrap used in Mundana theme. The decision about using one of them is yours. Mundana theme has implemented container-lg and container-fluid