[Pro] Stacking Web Yep Element margin issue

Freeway
1

So I have a small custom calendar that I built using Web Yep Elements and the page is responsive. When the stacking begins as the browser window is drawn smaller there is overlap of the elements. I’ve tried margins and padding but it won’t work. Notice too the padding on the last element to the right is ignoring the padding I have set for it.

What am I missing?

Any help is appreciated.

Billy

http://www.ironhorsecigardepot.com/ihcd-events.php

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

Add following properties to this class:

Month-Loop {

display:inline-block;
margin-bottom: 5px;

}

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:

3

Thank you so much Thomas that worked.

Always appreciated.

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:

4

Any trick to get a CSS Menu to center as it stacks?
I have the Menu set to center in the action as well as the div center aligned, but no go.

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:

5

As a very general and unrelated answer to your work, I have a bunch of strategies regarding menus:

  1. I make my pages much wider and give it enough space
  2. Switching earlier to mobile if there isn’t enough space available
  3. I create some extra styles, turning the menu-entries into percentage width. In an extra (manual) media query, I switch them from one line (let’s say 6 entries) to two lines (each three entries one above the other)

The third one, I usually try to avoid as much as I can. I try to keep the main menu as simple as possible.

This is my most recent work which shows some of the mentioned aspects:

http://webdesign.hb-marketingberatung.de/clients/trendholzdesign/index.html

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at: