Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • December 5, 2015 at 1:33 am #547317
    Eva

    Hi,

    I am having trouble with removing an unwanted arrow which appears while hovering over a link in the footer menu of my website.

    It looks like this when hovering over the second link …

    Screenshot

    Both links are part of the footer menu structure.

    I’ve tried the following code, but unfortunately it does not work:

    .avia-bullet {
  display: none !important;
}

    Your help would be greatly appreciated!

    PS: I am running Enfold 3.4.3.

    December 5, 2015 at 9:45 am #547400
    Rikard

    Hey Eva,

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

    Thanks,
    Rikard

    December 5, 2015 at 1:33 pm #547429
    Eva

    Thanks for your reply! See “Private Content” for the URL to the website. The problem only appears in “Mobile Mode” (Width < 48em).

    December 6, 2015 at 6:44 am #547550
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
#socket .avia-bullet {
display:none !important;
}
}

    Thanks,
    Rikard

    December 6, 2015 at 12:46 pm #547606
    Eva

    Thanks for your reply, but unfortunately, that does not work :-(
    Also, I had tried to set display:none for the .avia-bullet class globally before (see original post).

    December 7, 2015 at 5:28 am #547762
    Rikard

    Hi,

    You have this code active on the site: 

    @media only screen and (max-width: 48em) {
#socket .container span, #socket .container nav {
    float: none !important;
    display: inline-block !important;
}
}

    Not sure what file it’s coming from but if you inspect the element you will see it.

    Thanks,
    Rikard

    • This reply was modified 8 years, 11 months ago by Rikard.
    December 7, 2015 at 8:44 pm #548268
    Eva

    Hi Rikard,

    thanks for your continued support.

    The code, which you are refering to, is from my custom.css file.

    I need the footer menu to be visible at all time and I also want it to be centered in mobile view.

    Please see below for the full code.

    If I’m commenting out the bit of code, you were refering to, the arrow is gone. Unfortunately, so is my centered footer menu :-(

    Is there another way to center my footer menu?

    December 9, 2015 at 3:17 pm #549744
    Andy

    Hey!

    about which arrow are you talking about? I checked link you have provided (s. private content), but can’t find any arrow. I checked on mobile and your footer looks good to me:

    Could you fix it already? Please clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    • This reply was modified 8 years, 11 months ago by Yigit. Reason: moved screenshot to private content field upon request
    December 9, 2015 at 3:55 pm #549798
    Eva

    Hallo Andy,

    ich teste stets mit verschiedenen OS/Browsern. Der Pfeil ist leider noch da. Er erscheint beim Hovern mit der Maus, nicht auf Touch-Devices. Bitte einfach mal das Browser-Fenster klein ziehen.

    December 11, 2015 at 3:32 pm #551124
    Eva

    Unfortunately the problem persists :-(

    December 16, 2015 at 1:25 pm #553637
    Yigit

    Hi!

    Can you please update Enfold to the latest version 3.4.6 firstly – kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Yigit

    December 23, 2015 at 11:14 pm #557229
    Eva

    As of Enfold 3.4.7 the problem persists.

    December 31, 2015 at 11:30 pm #558775
    Josue

    Hi!

    Can you post a screenshot of the issue?

    Regards,
    Josue

    January 4, 2016 at 11:11 am #559091
    Eva

    Hi Josue, there is a screenshot in the original post.

    January 4, 2016 at 12:04 pm #559120
    Josue

    Hi!

    Can you try uploading it to dropbox or imgur? i don’t see any link in your last message.

    Cheers!
    Josue

    January 5, 2016 at 10:13 pm #560153
    Eva

    Hi Josue, it’s in the original post (= first post)
    https://cdn.pbrd.co/images/2DeAqBWg.png

    January 6, 2016 at 3:08 am #560252
    Josue

    Hey!

    That doesn’t look like the footer in the site you linked, here’s how i see it – http://imgur.com/581iRU6

    Cheers!
    Josue

    January 9, 2016 at 1:04 pm #562416
    Eva

    Hi Josue,
    that’s how I see it as well. I simply changed the background color. Now please try to hover over the link “Datenschutzerklärung” and you should see the arrow.

    January 9, 2016 at 8:49 pm #562485
    Josue

    Hi!

    Use this:

    @media only screen and (max-width: 48em) {
	#socket .container .avia-bullet {
		display:none !important;
	}
}

    Regards,
    Josue

    January 10, 2016 at 2:13 pm #562712
    Eva

    Great, this one works!
    Thanks for your support!

    January 11, 2016 at 6:19 am #562913
    Rikard

    Hi Eva,

    Great, glad we could help :-)

    Thanks,
    Rikard

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