It seems that you're using an outdated browser. Some things may not work as they should (or don't work at all).
We suggest you upgrade newer and better browser like: Chrome, Firefox, Internet Explorer or Opera

×
avatar
muntdefems: ...and I quite like the new design. :P
For me the black menu bar is ugly and intrusive, not to talk about the small purple bar above it.

And I do not like the mouse-over navigation, it's even slower than before.
avatar
Johny.: snip
I'm liking the new design, very clean and modern, but the front page doesn't seem to scroll properly on mobile.
You can scroll if you can manage to tap the scrollbar at the side (the issue with this is you're far more likely to tap the game cards and navigate away), but swiping doesn't seem to be working.
avatar
Maighstir: ...
avatar
muntdefems: Thanks for the tip! Unfortunately I know next to nothing about CSS and web code so I don't even know how to start applying your suggested changes. :P

It's OK though, it doesn't annoy me *that* much.
The way I'd do it is:

1. Install Stylish (I don't know what browser you're using, but all of the versions of the extension are linked from the footer)
2. Choose "Write New Style > For GOG.com"
3. Paste that into the editor
4. Give it a name and save it
avatar
Johny.: snip
On the new menu, this would look better if the image took up the entire section... see pic.

EDIT: This was on FireFox.
Attachments:
capture3.jpg (98 Kb)
Post edited April 26, 2017 by BKGaming
avatar
BKGaming: On the new menu, this would look better if the image took up the entire section..
Just fyi, it does with Opera (Chromium based).
avatar
BKGaming: On the new menu, this would look better if the image took up the entire section..
avatar
DeMignon: Just fyi, it does with Opera (Chromium based).
Thanks must be related to using FireFox then.
Post edited April 27, 2017 by eiii
That purple bar at the top sure is weird. Also, dark menu regardless of theme? I have the light one, so it looks odd. And dropdowns don't seem to work on forum.
Also, styles applied after the page finishes loading or something? Because I see fonts changing significantly right after loading.
With the change to the new UI, I'm no longer able to get notifications for chat or forum replies.

tinyE has also stated the same thing here.
It should be fairly easy, just a few extra steps really.

Here you go:

// ==UserScript==
// @name Purple Menu Remover
// @namespace test
// @description Remove the purple bar above the menu
// @include https://www.gog.com/*
// @version 1
// @grant none
// ==/UserScript==

function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}

addGlobalStyle('.menu::before { background-image: none !important; }');

Just add that as a new script in Greasemonkey and away you go.

You can also just copy the addGlobalStyle and change the argument to add other CSS if you need / want to.
Or make a new script with a different @include for other websites.
avatar
adaliabooks: Here you go:
Works. :) Thank you!

Although it only colors the purple part black while I hoped it would remove the purple part and thus waste less space at the top of the page.

Edit: Ha ha, '.menu::before { height: 40px !important; }' makes the black part smaller, just does not realign the rest of the menu bar. ;) It's fun to tinker with that. xD
Post edited April 27, 2017 by eiii
Having a good bit of trouble with the new menu because it tends to vanish on mouseover. :( :(

/edit: Yeah, it's pretty absurd. My solution is to drag and drop the text images into the pop up menus, that way I can access the pop up menus.
Post edited April 27, 2017 by Vainamoinen
avatar
adaliabooks: Here you go:
avatar
eiii: Works. :) Thank you!

Although it only colors the purple part black while I hoped it would remove the purple part and thus waste less space at the top of the page.
Replace this line:

addGlobalStyle('.menu::before { background-image: none !important; }');

with:

addGlobalStyle('.menu::before { background-image: none !important; height: 52px; }');
addGlobalStyle('.menu { height: 52px; }');
addGlobalStyle('.menu__container { padding-top: 0; }');

And that removes the space and padding as well.
Is anyone else finding that the shopping cart and magnifying glass (and the X to close searches) sometimes fail to appear? Edit: the GOG logo and the downward-pointing arrows after each item are also affected.

(I'm on Pale Moon; I haven't tested in other browsers, mainly because the problem appears to be random.)
Post edited April 27, 2017 by VanishedOne
avatar
adaliabooks: And that removes the space and padding as well.
Thanks for the pointer! I've resized the menu bar to 40px now. :)

As this is rather off-topic here, is there already a thread somewhere for fiddling around with GOG's CSS?