Padding around nested menu? - Page 1

User 219465 Photo


Registered User
324 posts

In the attached example, I seem to have padding around the nested menu when it opens up to the larger screen, but can not seem to remove it. I have spent lots of time going through the settings with no luck. I did change the body color to contrast with the containers. Any ideas?

(Having trouble attaching file...)
User 219465 Photo


Registered User
324 posts

I am unable to post a .zip or .rsd file. Here are a few screen shots
Attachments:
User 219465 Photo


Registered User
324 posts

Here is the other screen shot.
Attachments:
User 219465 Photo


Registered User
324 posts

Here is the .zip file
Attachments:
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

Marc, it seems that the zip file is faulty. Is the project file the same as you have posted before? If so, I still have it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
4,782 posts
Online Now

Inger wrote:
Marc, it seems that the zip file is faulty. Is the project file the same as you have posted before? If so, I still have it.

Sorry to butt in
and sorry if I am stating something you already know

It is easy to see which element has any padding, by going to the "Elements" panel and moving your mouse down over each element one at a timeat a time, when you are over an element, in the canvas view the element gets highlighted in blue, with a green border around it which shows that the element has some padding, an orange border around it which shows that it has margins. or both if it has margins & padding.
I am mentioning it because if there appears to be padding which you can't find, then maybe it is on something else that is , causing you the issue, or maybe it's not padding/margins at all.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

No need to be sorry! ;)
Judging from what I could see in the version I have, the one I made the blue container go below the logo for you, the only element with some padding seems to be that logo - in wide view. If I remove the top and bottom padding, there is no difference, and my guess is, that this must have something to do with the grid setup that Phil used for this navigation. I'm not familiar with the ins and outs of the Grid system, so in this case I won't be able to help.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 219465 Photo


Registered User
324 posts

I have not been able to attach a .RSD file or a ZIP file. So, here is another stab at an older winzip version.
Attachments:
User 219465 Photo


Registered User
324 posts

Wayan, I have tried that and do not see any. Once you open the ZIP file and preview it in the browser you will see what I am talking about. I looks like padding appears at the largest break point only around the top container. I went as far a printing out the code for the med and large breakpoint and analyzing it on paper to see, but was note able to find anything in any container or logo.
User 219465 Photo


Registered User
324 posts

Here is a CSS code for my 'ul.list-container.large-horizontal.list-container-menu.menu.vertical' :
background-origin: padding-box; Could this be it? If so, where do I go to remove it?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.