Hey all!
I'm finally making a some headway with a more complex D7 site. I am using Omega, and have created a sub-theme. That went pretty smooth. I just have some formatting/alignment questions.
1) Main Menu. I am using Superfish so we can have cool drop downs columns. I have that working well, but I would like to have it centered in the menu region. Screen shot attached. I tried just making the region smaller and centering it more, but then it gets weird on smaller screens before it converts to the mobile friendly version. Is this done with CSS or am I missing something else?
2) Placement of blocks inside a region. I have attached a screen shot of this region. There will be some images here later, but my client wants to have the social media links aligned to the right. Again, with CSS or something else?
Thanks for your help!
Jenn
P.S. It's super cold today. Hope you are cozy and warm.
| Attachment | Size |
|---|---|
| menu.png | 10.55 KB |
| hours.png | 16.92 KB |
Comments
CSS Alignments
Hi Jenn,
For the menu try giving the ul a width (preferably a percentage) and give it margin: 0 auto.
.your_ul_class {
width: 90%;
margin: 0 auto;
}
For the social icon alignment, in the CSS add this to the class for the div that surrounds the icons:
text-align: right;
p.s. former Iowan here. I've been hearing reports of lots of snow there also-be safe!