Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi, I like the styling on http://tinyurl.com/kwf28yy, as I am working on http://tinyurl.com/mduppfd. Specifically:
the dark top row with the white fonted phone icon, phone number and social icons
the row below with the nav menu items all caps, with the same or similar font
have the logo overlap the top rows. I can edit it in photoshop if need be.
How could I accomplish those things so the top part has the looks that the other site has?
Hi Eric,
the dark top row with the white fonted phone icon, phone number and social icons
the row below with the nav menu items all caps, with the same or similar font
Unfortunately, this two-row header setup is only possible if your theme allows for it.
have the logo overlap the top rows. I can edit it in photoshop if need be.
You can do this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:
.site-header .site-branding img { position: absolute; top: 57px; }Alter the top amount to get the desired placement. To clarify, the top amount is the px amount from the top of the page.
You might also need to install the SiteOrigin CSS Editor.
Hi Alex,
Thank you for your reply.
I added the code, but I do not see any difference. I even changed 57px to 1px.
“the dark top row with the white fonted phone icon, phone number and social icons
the row below with the nav menu items all caps, with the same or similar font”
Unfortunately, this two-row header setup is only possible if your theme allows for it.
So, are you saying that this theme does not allow it?