Hi Ola,
As mentioned in the Forum Rules (#5) it’s recommended to create each topic/issue into there own separate Threads due to the “One question per thread policy“. This helps keep everything organized and makes it easier for us to find similar issues through the Search Results.
Let’s start with the first Hamburger Icon. The Hamburger Menu is actually supposed to show up under the logo when viewed on Mobile Devices. That’s how it was designed as you can see here – http://demo.appfinite.net/ambition/
The Logo and the Menu are on 2 completely separate Div Containers, so that’s why the menus shows under the Logo.
“2. In my opition there´s lot of whitespace (margin) around the widgets. It´s hard to get the first CTA to appear om the first screen on a mobile. Is this somethng I could change.”
Yes you can adjust the padding for the widgets. When viewing the First Front-Page-1 widget on a mobile device, this is the code that you can change to adjust the spacing (line 2349) –
.front-page-1 .flexible-widgets {
padding: 150px 0 130px;
}
For the other widgets, they mostly use this code on line 1624 –
.flexible-widgets {
overflow: hidden;
padding: 120px 0 100px;
}
…unless they are overrided with their own custom code like the front-page-1 widget above.
“3. Widget Front page 2: The inner background has the same color as the buttons.”
Thats weird. Judging from the source code it looks like an error coming from the Customizer code. I assume you added a custom color using the Customizer right? I’ll send this over to have Wes take a look.
.
