Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1076523

    I am looking to make the custom separator icons bigger any help would be appreciated.

    #1076536

    Hey bblackerby,

    .av-seperator-icon{
        font-size: 40px;
        padding: 20px;
    }

    Best regards,
    Jordan Shannon

    #1076553

    I added that code and it didn’t change the size of the icons in the separator.
    Please advise.

    #1076562

    Hi,

    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 Shannon

    #1076601

    it was the only code in quick css and it still didn’t work

    #1076626

    Hi,

    Try adding !important;

    .av-seperator-icon{
        font-size: 40px!important;
        padding: 20px!important;
    }

    Best regards,
    Jordan Shannon

    #1076875

    View post on imgur.com

    I 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.
    #1076876

    View post on imgur.com


    Here are the icons with the code in place.
    Nothing has changed.

    #1077455

    Also the icons are not centered as you can see in the below screenshot.

    View post on imgur.com

    #1077503

    Hi,

    Please provide admin info so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    #1077515

    Please find login credentials attached.

    #1078093

    Also 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.

    #1078336

    Hi 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,
    Victoria

    #1078409

    That 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.

    #1078830

    Hi 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,
    Victoria

    #1079227

    I 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 below

    View post on imgur.com

    #1079228

    i need the sub-menu items indented instead of the main menu items.

    #1079629

    Hi 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

Viewing 18 posts - 1 through 18 (of 18 total)
  • You must be logged in to reply to this topic.