Docs

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi there,

I can’t quite find what I am looking for on the the forums so some help would be appreciated.

I have set up a custom link which I need to be a button in the same style I have on the page.

Dev site details to follow..

[3b1a2f46-a516-40cf-beba-b611930e4819]

This reply has been marked as private.

[3b1a2f46-a516-40cf-beba-b611930e4819]

2) After you have looked at the above could you also check why I can’t hide elements on any device apart from the Extra large??

thanks

[Paul R]

Hi,

1. You can add this under Custom > Edit Global CSS in the Customizer.

.x-navbar .desktop .x-nav>li.menu-item-22 span {
    background: #069fe2;
    padding: 10px;
    display: block;
    margin-top: -10px;
    border-radius: 20px;
}

.x-navbar .desktop .x-nav>li.menu-item-22 a:hover {
   color:#fff;
   box-shadow:none;
}

2. Please specify which element and on which page the hiding is not working.

Thanks

[3b1a2f46-a516-40cf-beba-b611930e4819]

Thanks for the first answer, perfect.

It’s everything I try but as one example I have gaps before my text so it sits more central vertically next to the image http://2017.newzend.com/?page_id=9.

I can toggle it to hide or the largest device but nothing happens for the others

[Darshana]

Hi there,

Do you want to remove those gaps for smaller screens? Try adding the following code into your Customizer, Custom > CSS area.

@media(max-width:979px){
  .x-gap {
    margin: 0 !important;
  }
}

Hope that helps.

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi there,

Could you please look in to this for me, this hide function is not working and although the custom css you have given me may work, it is not solving an issue that there is with cornerstone.

We have purchased a lot of licenses now and this has never occurred.

I have tried deactivating all plugins and still it doesn’t work.

It only works hides largest screen, the rest do nothing.

thanks in advance, I hope you can solve it soon

[Lely]

Hi There,

I made a test page GAP Test draft page to check this issue. Gap is hidden on mobile properly. See this:http://screencast-o-matic.com/watch/cbV0X6QKyw

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi Lely,

Thanks for looking at that, yes I can see it is working on yours, mine doesn’t allow it.

After trying a different web browser it looks like there is a problem with Firefox.

Is this something that can be fixed or shall I change browser permanently?

thanks

[Paul R]

Hi,

Please try to clear your browser cache and check again.

https://support.mozilla.org/en-US/kb/how-clear-firefox-cache

Hope that helps

[3b1a2f46-a516-40cf-beba-b611930e4819]

That doesn’t seem to have done anything, sorry

[Friech]

Hi There,

What version of Firefox do you have? I did check thoroughly the two gap elements on this page and both works just fine (Firefox and Chrome).

The first gap is only showing on extra large screen (1200px and above), while the second gap is showing on large and extra large screen right?

Thanks.

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi,

I’m on the latest version (50.1.0)

See attached, I have turned the gap off on all devices but it displays on all but the largest.

Very odd.

?

[Lely]

Hi There,

This is indeed very odd. I did test again using the same version of firefox. See this:http://screencast-o-matic.com/watch/cbVZoVQ77p. We’re sorry for the back and forth but since this is only happening on your setup, would you mind recording a screencast? On large screen where it is not showing, can you please right click on the heading, and then look for the gap element via source code? Something like this:http://screencast-o-matic.com/watch/cbVZohQ7sV
That way we can see what is missing.

[3b1a2f46-a516-40cf-beba-b611930e4819]

This reply has been marked as private.

[Author]

Posts