Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 10, 2016 at 8:25 pm #581336
    hmsvictory

    I have done this in the past without much trouble but can’t get it working now. I searched for some solutions to try css on the help forum but couldn’t find anything that worked.

    1) On the mobile menu, I would like to hide the arrows next to the links. I have tried a few ways to hide .avia-menu-fx but can’t get them to go away.

    2) I want to control the logo size. No matter what I do it stays 80px tall. I can stretch it wider but no luck controlling the size any better.

    February 12, 2016 at 4:35 am #581988
    Rikard

    Hey hmsvictory,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    February 12, 2016 at 4:45 am #581992
    hmsvictory

    Sure.

    I ended up using an alternate mobile logo to work around the sizing issue. But still struggling with hiding the menu arrows.

    .avia-menu-fx .avia-arrow-wrap, .avia-menu-fx, .avia-arrow {display: none !important;}

/* RESPONSIVE */
@media only screen and (max-width: 767px) {
.responsive #top .logo {padding: 10px 0px 0px 0px;}
.content, .sidebar {padding-top: 20px;}
.logo img {opacity: 0;}
.logo a { background-image: url("mobile-logo.png"); background-size: contain; background-repeat: no-repeat; background-position: 0px 50%; }
}
    February 13, 2016 at 10:28 am #582663
    Vinay

    Hey!

    Looks like the arrows are not coming from enfolds avia-menu-fx
    please add the below code to Enfold > General Styling > Quick CSS

    
#mobile-advanced a:before {
    display: none!important;
}

    Cheers!
    Vinay Kashyap

    February 13, 2016 at 8:29 pm #582773
    hmsvictory

    Thank you, that selector worked.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile help – responsive logo sizing and removing avia-menu-fx’ is closed to new replies.