Forum Replies Created
-
Posts
-
Hi Victoria,
Yes, i was talking about that :) I would like to make the each icon box fully clickable. So not only the icon or text, but the whole box.
Also, i would like to change the color of the timeline in a icon list.
Hope you can help me out!
This almost did the trick. check it out for yourself. It just shows 1 ‘stripe’ of the hamburger menu on mobile (?!)
and do you have a solution for my other questions?
And i didn’t got the other two problem fixed avout the Icon List. (see posts above):
Time-line color change & lowercase the title text of iconlist.Thanks in advance :)
Hi Jordan,
I found it!
This was breaking it down:
@media only screen and (max-width: 767px) {
.av-hamburger-inner {
background:black !important;
}the purpose of this was to have a black background for my hamburger menu on Mobile & Tablet screen.
Can you provide me the right code?And i didn’t got the other two problem fixed avout the Icon List. (see posts above):
Time-line color change & lowercase the title text of iconlist.Hope to hear from you!
And i think it’s not only Quick CSS that doesn’t work the way it should.
I tried to overrule the colors of the extra submenu above the main menu under ‘Extra Styling’ tab and this doesn’t work also… :(Ok, it looks likes my Custom CSS doesn’t work properly.
I tried to change the color of the timeline for all iconlists im using on the website. I copied a working CSS code from another website of my and nothing changes:.main_color .avia-icon-list .iconlist-timeline {
border-color: #3E5EA7!;
}another question that i have for this project:
I would like to have my titels of the iconlist that i use in lowercase.
Is this something that i can change in settings? I tried this in Quick CSS:.avia-icon-list .iconlist_title {
text-transform: none !important;
}But this doesn’t work :(
link of a page where i use iconlist in private content.Hi Rikard,
thank you for your reply. This almost works.
How can i change the font size for mobile screen online?
It now breaks up the text line…
And can i add a small spacing between logo en subtitle on mediascreen only?
It now automatically decreases the space.Hi Victoria,
thank you for your reply. I rather don’t give an admin login.
I tried it another solution:I added a text widget to the header.
The only problem now is that it is not reponsive and moves on a screen that is smalller than 1310px. (Mobile and tablet)Can you provide me the right CSS code for this?
Hope to hear from you soon!
Thank you for reply Ismael. I decided to go for another menu design. thanks for the effort. you can close this thread now.
thank you for your reply Basilis, i decided to go for another Menu design. you can close this thread
Hi Ismael,
thank you for your help. I added your code and i managed to change the height of the atternate menu container. but now it looks pretty broken. Only the Home title and icon looks ok. I understand that what im asking is a bit beyond scope, but i think we arent far from what i’m trying to accomplish. I only nog need to center the icons above the menu titels, same as home. Hope you can help me out a bit more.
Regards, Fiilp
Hi Ismael,
thank you!
I think you missed the 6th menu items. (Contact). I adjust the padding left to 15px. looks good now.
Can you help me with getting the icons above the menu titles (centered) ? the container hight of the main-menu should als be higher, so the menu icons fit in. (see the link of imgur how i would like to have it)thanks for your help Ismael!
hi Basilis,
thank you for you reply.
i found solutions for almost everything. text widget is changed and i use menu icons plugin to add icons to the menu titles.
I only need some help to center my meny items between the seperators and the icons above the menu titles. can you help me with this?hope to hear from you.
I see the hamburger menu displays well now by removing that setting.
i only need to center my logo. Can you provide me wit the right code?I would also like to align my normal menu more to the right.
Hope to hear soon from you.
Hi Victoria,
i removed both settings. What are the right settings for Putting my textlogo in the middle and show hamburger menu on mobile correctly?
Hope to hear from you soon.
Hi Victoria,
Thank you for your reply. This almost did the trick :) The only problem now is that the text logo doesn’t stay in the center when you move to smaller screen. (prox <1330 px)
Another issue is that the hamburger falls off the page. (only shows half of the hamburger)
Hope you can help me with this.
And my third question: I set to max width of the normal menu to 1344 px with this CSS:
@media only screen and (max-width: 1344px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}The problem now is dat the Normal menu disappears, but the mobile menu only shows at 990 px. (default)
How can i make the Mobile Menu appears at >1344 px.Also,
i would also like to show my text logo centered on mobile and tablet. (landscape & portrait)
Can you provide my the right CSS code for this?Thanks in advance :)
