New Landing How can we help? Cardinal Mega menu custom html column spacing

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Cardinal
  • #119664
    FlawlessWeb
    Member
    Post count: 542

    Hey,

    This may be feature suggestion and not a question…

    From what I can see, there is no way outside of using custom css to accurately define the margin/padding for a custom html column with a Cardinal mega menu.

    Lets say for example you want to place a simple text block with a heading into the left column of a 3 column mega menu. See attached screenshot.

    The issue with doing that and in all other similar scenarios is that there is no default margin and/or padding for the column and it doesn’t look great. There seems to be only two current options to alter this:

    #1. Add a class/id to the content in the HTML column and add in the desired padding/margin using custom css
    #2. Using the page builder, you could place blank spacers around the content – That solves the spacing issue above and below the content but its not great for the spacing to the left and right of the content; i.e. the max width you can set the content to be in this scenario is 2/3 with a 1/6 blank spacer to each side. In most cases that makes the spacing too large to the sides of the content.

    For any developer #1 is obviously the best solution; but what about for end-users who are not familiar with css? Would it not be better to set for example a default 10px margin all the way around the content?

    That way the custom HTML column would generally look fine without any CSS changes, but also allow developers to adjust through advanced CSS if they deem it necessary…

    Attachments:
    You must be logged in to view attached files.
    #119675
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    There should be default padding, please provide me with a link so I can check this for you

    – Kyle

    #119683
    FlawlessWeb
    Member
    Post count: 542
    This reply has been marked as private.
    #119724
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You seem to just have a normal submenu under ‘Club Pages’?

    – Kyle

    #119731
    FlawlessWeb
    Member
    Post count: 542

    Can you clear your browsers cache, the attached screenshot is how it looks to me.

    Thanks.

    Attachments:
    You must be logged in to view attached files.
    #119880
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .mega-menu-widget {
      padding: 30px;
    }

    – Kyle

    #119886
    FlawlessWeb
    Member
    Post count: 542

    That sorts it, thanks.

    Should I continue to include this in my custom css/child theme or will it be included in the main Cardinal stylesheet in future updates?.

    #119889
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    I will let the developer know. For now just keep it in your custom css

    – Kyle

    #119891
    FlawlessWeb
    Member
    Post count: 542

    No bother, thanks.

    #119894
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register