-
AuthorPosts
-
March 9, 2019 at 2:09 am #1076523
I am looking to make the custom separator icons bigger any help would be appreciated.
March 9, 2019 at 4:10 am #1076536Hey bblackerby,
.av-seperator-icon{ font-size: 40px; padding: 20px; }Best regards,
Jordan ShannonMarch 9, 2019 at 4:43 am #1076553I added that code and it didn’t change the size of the icons in the separator.
Please advise.March 9, 2019 at 5:18 am #1076562Hi,
Please add the code to the very top of quick css and be sure to clear the cache a few times over.
Best regards,
Jordan ShannonMarch 9, 2019 at 7:11 am #1076601it was the only code in quick css and it still didn’t work
March 9, 2019 at 7:56 am #1076626Hi,
Try adding !important;
.av-seperator-icon{ font-size: 40px!important; padding: 20px!important; }Best regards,
Jordan ShannonMarch 10, 2019 at 2:50 am #1076875I have added the code as you have suggested and cleared both site and server cache and icons are still the same size.
-
This reply was modified 6 years, 11 months ago by
bblackerby.
March 10, 2019 at 2:51 am #1076876
Here are the icons with the code in place.
Nothing has changed.March 11, 2019 at 7:56 pm #1077455Also the icons are not centered as you can see in the below screenshot.
March 11, 2019 at 9:48 pm #1077503Hi,
Please provide admin info so we can log in and look into this issue further.
Best regards,
Jordan ShannonMarch 11, 2019 at 10:16 pm #1077515Please find login credentials attached.
March 13, 2019 at 5:06 am #1078093Also can you tell me the code we need to add to make the mobile menu appear at 1150 px wide as our menu is overlapping into our logo.
Also whatever you did with the icons worked and it is displaying great now.March 13, 2019 at 6:58 pm #1078336Hi bblackerby,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1130px) { nav.main_menu, #menu-item-search { display: block !important; } .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }If you need further assistance please let us know.
Best regards,
VictoriaMarch 13, 2019 at 8:56 pm #1078409That worked great. One last thing. The icons in the custom separator are still not center of the page can you please help me get that sorted out.
March 14, 2019 at 7:53 pm #1078830Hi bblackerby,
Where can I see it? I don’t see it on the main page.
Could you please attach some screenshots of the issue?
Best regards,
VictoriaMarch 15, 2019 at 8:59 pm #1079227I was able to fix the issue with the Custom Seperator icons not being centered.
I have another issue now on the mobile menu the main menu items are indented instead of the sub menu items.
please see the image belowMarch 15, 2019 at 9:00 pm #1079228i need the sub-menu items indented instead of the main menu items.
March 17, 2019 at 4:42 pm #1079629Hi bblackerby,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 990px) { .html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { padding: 15px 10px; } }If you need further assistance please let us know.
Best regards,
Victoria -
This reply was modified 6 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
