[akeyworth]

Hi,

My site is temporarily located at http://e79.6b9.myftpupload.com/, while I build it.

About the only major piece I have left to do is to make it so the site always displays the Site Title (possibly the Tagline) and the Logo. I hadn’t realized that they only appear when the link for the Search bar is clicked.

Is there a good, recognized way (ie, custom CSS entry) to make the Site Title and Logo always appear at the site top, in a way that displays both on desktop and mobile viewports?

Thank you.

[Sakin]

@akeyworth: This option is there only in Pro version. In free theme, try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#masthead {
    display: block !important;
    opacity: 1 !important;
}

[akeyworth]

Apologies for the delay in responding; I didn’t see an email. Thank you; your suggestion helps, but on closer examination the always-open masthead doesn’t make for a please user experience in either desktop or mobile view. I may just end up looking for a new template or purchasing the Pro version.

Thank you again,

Andy Keyworth

[JEmma2314]

I used this solution and it works, however how can I freeze it to the top so the header doesn’t follow as you scroll down the page. I just want it to be fixed to the top if possible. I am using the free version.

[Sakin]

@JEmma2314: Can you post in your site URL and then let me check in.

[clizana915]

Hi, Please advise on the following:
1. Freeze the title at the top so when the end user scrolls down the webpage the title does not follow.
2. Since I made the site always displays the Site Title and removed the search feature there is no need for the icon in the top right of my nav bar (used to click for title, tagline, and logo to appear). How can I remove the icon in the top right of my nav bar?

Thank you

[clizana915]

Site url: http://bellawebdesignstest.com/

[Sakin]

@clizana915:
1. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

.site { padding-top: 0; }
#fixed-header { position: relative; }

2. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#header-toggle { display: none; }

[clizana915]

Thank you!

[Author]

Posts