Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 3, 2015 at 6:28 am #467831
    mxshi

    Hello,
    I have a button in my header that I’ve put in using a widget. On Firefox and Chrome, the button looks fine:

    But on Safari, the button looks like this:

    Is there some way of fixing this without me messing up the spacing on the other browsers?

    Thanks in advance.

    July 3, 2015 at 8:32 am #467861
    Basilis

    Hi mxshi!

    Can you please show us your web site URL?

    Best regards,
    Basilis

    July 3, 2015 at 9:42 am #467872
    mxshi

    Sure, it’s below. Let me know if you need login details as well, thanks.

    July 4, 2015 at 5:41 am #468297
    Rikard

    Hey!

    Please try the following CSS instead:

    #header .widget {
  left: 68%;
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(0%);
}

    Best regards,
    Rikard

    July 6, 2015 at 6:57 am #468689
    mxshi

    Thanks, that seems to have fixed it. However, I’d also like to ask whether it’s possible to have the widget button scale with the header menu links? Right now, when you make the browser window very small, the widget button and the menu links will overlap. Is there a way to avoid this?

    July 6, 2015 at 2:38 pm #468950
    Yigit

    Hi!

    You can actually simply go to Appearance > Menus and add your button as a new link and have it act as one of the menu items.

    Best regards,
    Yigit

    July 7, 2015 at 8:29 am #469447
    mxshi

    Ah, that’s a lot easier. Thanks! Can you please tell me the default CSS for the menu button so I can change the border/text colors, etc?

    July 7, 2015 at 11:39 am #469553
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #top .av-menu-button > a .avia-menu-text {
  border: 2px solid;
  border-radius: 2px;
  border-color: orange;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Best regards,
    Yigit

    July 9, 2015 at 6:02 am #470619
    mxshi

    Great, that solved it. Thanks!

    July 9, 2015 at 3:43 pm #470953
    Rikard

    Hi!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Header button not displaying correctly in Safari’ is closed to new replies.