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?
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
2Hi 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?
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.