[John CParticipant]

My Client want to have their address to the right of their logo on each page.

To do this I have set the .x-logobar to display:none;

I’ve turned the Header ON and coded the logo and address into three columns 1/4(blank)+1/2(logo)+1/4(address)

All working 🙂

However, somehow a <p></p> is being added to the header giving a larger bottom margin than wanted. How do I stop <p></p> being put in? or adjust the bottom-margin?

Also, how can I CENTER the address in the DIV when viewed on a mobile device?

OR…is there a better eay of producing the same result here.

Many thanks
—
John

[John CParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey John,

Please add the code below in your page’s Cornerstone CSS

.header-address p {
margin-bottom: 2px;
}

@media (max-width: 767px) {
    .header-address {
    text-align: center
}
}

Hope that helps. 🙂

[Author]

Posts