Hello.
a. Could you consider adding a way to customize the top bar, just like the side bar, with widgets, especially “text widget” allowing to put inline html code, images and icons, etc… That would be really helpful !
b. On ipad my top bar text is too long and overflows the line. So I wish to change either the font size or the space between links. This specifically for tablet screens.
I tried this way
@media (max-width: 770px){ //// (most tablets are 768 I guess)
.td-header-menu-wrap{
font-size: 9px;
}
But it’s not reacting.
Is there a way to do this ? Sorry I’m a code noob
Thanks
Hi JDF,
Our theme does not support to add a widgets in top bar. If you want to put images or icons in your top bar menu, can try font awesome plugin to add this. For more details please consult our documentation here: https://forum.tagdiv.com/main-menu/ (in bottom of the page).
For a second request, I’ve checked your site and you must to try the code below:
@media (max-width: 1018px) and (min-width: 768px)
.span9 {
overflow: auto;
}
.td-header-menu-wrap .span9 {
font-size: 10px!important;
}
Here you can see the result: http://screencast.com/t/w7EAdbZEmjS
Thanks and let us how it goes!
Hi,
Sorry the code is not reacting.
I already have custom CSS on these two elements (this for desktop)
.td-header-menu-wrap{
background-color: #23282d;
width: 100%;
height: 22px;
font-family: ‘Arial’, sans-serif;
font-size: 11px;
color: #ffffff;
}
.span9{
background-color: #23282d;
height: 22px;
font-size: 11px;
width: 100%;
margin-top: -.2em;
}
May I did something wrong ?
Hi JDF,
I’ve checked the code on your site again and all seems to be good. Please make sure you put the correct code in custom CSS area within Theme panel like this: http://screencast.com/t/Gn4PaHPz
@media (max-width: 1018px) and (min-width: 768px){
.td-header-menu-wrap .span9 {
overflow: auto;
}
.td-header-menu-wrap .span9 {
font-size: 10px!important;
}
}
Here you can see the result: http://screencast.com/t/ln9p78N4qJ0
Thanks and let us how it goes!
Sorry it’s not working. I guess there’s something provoking a conflict. I first thought it was font color but the text seems to be hidden behind the bar. I may be wrong.
Hello,
I have checked your website on multiple tablets and the top menu displays fine (maybe you got it fixed?): http://mobiletest.me/ipad_mini_emulator/?u=http://www.journaldufranc.com/
It does not overflow the line as suggested above. Please also test this on your end and provide more details if we have different results.
Thanks.
