How to align the main headings with the bottom of logo?

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 14 replies, 3 voices, and was last updated 9 years by Mohammad – SUPPORT.

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

Back to forum

Posted in: Flexform
September 23, 2014 at 1:04 am #113500

blaouchez
Member

Post count: 448

Hello,

How to align the main headings with the bottom of logo? (see screenshot of what I want).

Regards

Attachments:
You must be logged in to view attached files.

September 23, 2014 at 4:49 am #113542
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code:-
```
#nav-section {
    margin-top: 75px !important;
}
```
Thanks 🙂
With Best Regards
Mohammad
September 23, 2014 at 10:01 am #113619
blaouchez
Member

Post count: 448
Perfect, thanks !

And…

I changed the hover style of items (blue + white text) but the item of the “home” is not white

I selected the White in Color cotumizer > Color menu > Hover

and the css :
```
nav .menu li:hover {
	text-decoration: none;
	display: block;
	background-color: #00538A;
}
```
Attachments:
You must be logged in to view attached files.
September 23, 2014 at 10:18 am #113626

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please use this custom css code:-
.menu li.current-menu-ancestor > a:hover, nav .menu li.current-menu-item > a:hover{color:#fff !important}
Thanks 🙂
With Best Regards
Mohammad

September 23, 2014 at 10:30 am #113635

blaouchez
Member

Post count: 448

it does’t work, the item “Accueil” is still white

September 23, 2014 at 10:50 am #113652
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please try to use this custom css code:-
```
nav .menu li:hover a{color:#fff !important}
.menu li.current-menu-item:hover a{color:#fff !important}
```
Thanks 🙂
With Best Regards
Mohammad
September 23, 2014 at 11:10 am #113668
blaouchez
Member

Post count: 448
It’ good, thanks !!

And another question please :

How to reduce padding top + bottom on hover (blue background)

I used
```
nav .menu li:hover {
	text-decoration: none;
	background-color: #00538A;
	padding-top: 2px;
	padding-bottom: 2px;
	border : none;
}
```
It does’t work
September 23, 2014 at 11:17 am #113674

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please use this custom css code:-
nav .menu li a{padding:5px 0px !important;}
Thanks 🙂
With Best Regards
Mohammad

September 23, 2014 at 12:13 pm #113710

blaouchez
Member

Post count: 448

It’s good but the submenu drops too low (see screenshot)

Attachments:
You must be logged in to view attached files.

September 23, 2014 at 12:33 pm #113721

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please use this custom css code:-
nav .menu ul{top:26px !important}
Thanks 🙂
With Best Regards
Mohammad

September 23, 2014 at 12:50 pm #113724

blaouchez
Member

Post count: 448

Great

And to finalize the submenu, how to adjust : font-size, padding, center and border between items ?

September 23, 2014 at 1:25 pm #113735
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code:-
```
nav .menu ul li {
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    width: 150px;
}
```
Thanks 🙂
With Best Regards
Mohammad
September 23, 2014 at 2:01 pm #113761

blaouchez
Member

Post count: 448

Thank you very much for your efficiency Mohammad 😉

I have other questions, I open another topic

September 23, 2014 at 2:16 pm #113767

Kyle – SUPPORT
Moderator

Post count: 35880

Great, thanks Mohammad

– Kyle

September 23, 2014 at 3:17 pm #113798

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad
Back to forum

Posted in: Flexform