Hi @mrhim,
That is because of the CSS of the theme.
Add the code below in Appearance-> Customize -> Additional CSS
.nav > li > a {
display: inline-block!important;
}
li#menu-item-457, li#menu-item-458 {
margin-top: -20px;
text-align: center;
}
Clear the cache and test again. Let me know the result.
Thread Starter
mrhim
(@mrhim)
Thanks for your reply. It worked great on desktop, but i would like to keep it inline on mobile menu. do you have another suggest? Thanks a lot
Great. Regarding the mobile what do you mean exactly?
Can you provide a mockup image?
Thread Starter
mrhim
(@mrhim)
Yes of course. The theme is responsive, so in small screen (like mobile), it is moved to a lateral menu with an hamburger icon to open it. In this scenario the icon should be small and inline with the text. see picture attached. thanks a lot.
https://ibb.co/k6PcV7n
Hi @mrhim,
Thanks for waiting, I was on vacation for a few days.
Try to add the CSS below to the Additional CSS field in Appearance -> Customize -> Additional CSS
@media only screen and (max-width: 759px) {
span.menu-image-title-below.menu-image-title {
display: inline-block;
padding-left: 10px;
}
}
Clear the cache and test again. Let me know the result.
Will close the topic for now. Let me know if necessary.
