position menu with transparant header and image with hotspot in boxed lay-out - Support

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
May 28, 2015 at 11:53 am #451125

norm4u
Participant

Please check http://blog.speksnijder.com/over-ons/

I have set header option into transparant.
The first item in page builder is Image with Hotspots
The website layout is boxed

As you can see the menu position is place to the right. What can I doe about that.

May 28, 2015 at 12:02 pm #451129

norm4u
Participant

The issue is boxed layout with transparant header. With this combination the menu is out of position.

May 28, 2015 at 6:18 pm #451344
Elliott
Inactive Moderator
Hey!

Try adding this to your custom CSS.
```
.cart_dropdown {
  transform: translate(-40px, 0px);
}
```
Best regards,
Elliott
May 28, 2015 at 9:37 pm #451442

norm4u
Participant

No, that doesn’t help.

May 29, 2015 at 5:47 pm #451726
Ismael
Moderator
Hey!

Please look for this code in the Quick CSS field:
```
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
  width: 1310;
  max-width: 90%;
}
```
The width property unit is missing. In this case “px”. If you can’t find, try to add this code:
```
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
  width: 1310px;
  max-width: 90%;
}
```
Cheers!
Ismael
June 1, 2015 at 4:04 pm #452600

norm4u
Participant

I have pasted the code in custom css:

.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
width: 1310px;
max-width: 90%;
}

and this solves the problem.

Just for understanding. What do you mean with “Please look for this code in the Quick CSS field”
Are you aiming at the elements inspection of my browser? Because I couldn’t find the code in css file. It’s hidden.

June 1, 2015 at 4:14 pm #452604

Yigit
Keymaster

Hey!

In your custom CSS code, you forgot to add unit for width value. So you should find the first line of code Ismael posted and add ‘px’ or remove that code since you already added correct one

Best regards,
Yigit

June 1, 2015 at 4:17 pm #452607

norm4u
Participant

Woops… I’m to fast jumping to the conclusion that it’s fixed, because it is not.
Like I said, I have copied the advised code. And after that the complete width of the website became wider!!

So, after that I checked the set dimension in theme settings and there the px was missing.
So, instead of 1310px it was 1310.

Adding px is the trick! :-)

June 2, 2015 at 7:55 am #452944

Ismael
Moderator

Hey!

Great. Glad we could help. :>

Best regards,
Ismael
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘position menu with transparant header and image with hotspot in boxed lay-out’ is closed to new replies.