Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi there,
I’m currently in the process of building a new website for a Symposium happening in December using the Vantage theme.
https://www.mndassociation.org/symposium2017/
As you’ll see in the masthead, I have four widgets set up, the logo, the location/date, and two time clocks.
However, when looking at this on tablet/mobile view, the location and clocks stack vertically underneath each other and don’t look very pretty.
So I wondered if there was a way to be able to hide these so only the logo shows? I’ve tried using the Display/Hide Widget function and it doesn’t appear to make any difference.
Any help you can give would be very much appreciated!
Simon.
Hi Simon,
I’ve had a quick look at your website and it looks like you’ve resolved this issue by using Widget Options. Did you still need help with this? If not, I’m glad you were able to resolve this issue. I’m sorry I wasn’t able to be of assistance this time. Please be sure to post another thread if you have any other questions.
Hi Alex,
Yes I managed to resolve the issue I was having by changing the plugin I was using to hide/display widgets. Widget Options works a lot better than the one I was using.
However, I’m still getting a mis-alignment of the clocks on desktop view. If the screen size is shrunk to 915px and below to 768px, then the London clock drops down.
Do you have any suggestions on how to fix this?
Hi Mndassoc,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
@media (min-width: 768px) and (max-width: 915px) { .coolclock { width: 42% !important; } }You might also need to install the SiteOrigin CSS Editor.